How do I add an image to my 404 page?

Topic summary

A user wants to replace the default 404 error text with a custom GIF image while avoiding issues with sizing and padding.

Initial Problem:

  • Adding an image banner section caused the image to become too large
  • Unwanted padding appeared at top and bottom
  • Uncertainty about centering the image properly

Solution Provided:
Another user shared custom CSS code to be added to the image-with-text section:

  • Hides the text portion using display: none
  • Centers content with justify-content: center
  • Controls image size with a width property (200px suggested, adjustable)
  • Option to remove width constraint to maintain original image dimensions

Outcome:
The CSS solution successfully resolved the issue, allowing the GIF to display at the desired size without excessive padding.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.

What Image do you want to add?