# Container Background Image Letterboxed

**URL:** <https://forums.realmacsoftware.com/t/container-background-image-letterboxed/55203>\
**Category:** Elements\
**Created:** [March 19, 2026, 7:45pm UTC](https://forums.realmacsoftware.com/t/container-background-image-letterboxed/55203 "2026-03-19T19:45:04Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![russes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/russes/32/30358_2.png) [@russes](https://forums.realmacsoftware.com/u/russes)\
**Post date:** [March 19, 2026, 7:45pm UTC](https://forums.realmacsoftware.com/t/container-background-image-letterboxed/55203/1 "2026-03-19T19:45:04Z")

</div>

I have a container background set to a JPEG image, which is a normal 16x9 image.

That image is consistently letterboxed, where 1/3 of the vertical height is clipped. What do I tweak in the container inspector to show the full vertical image?

 ![mrk](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/2/42f2a59dd62b8ec937caaacf214bbf45d782eb2e.jpeg)

You can see the clipping in the attached PNG.

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [March 19, 2026, 9:27pm UTC](https://forums.realmacsoftware.com/t/container-background-image-letterboxed/55203/2 "2026-03-19T21:27:34Z")

</div>

a container has no height when you drop into page, it changes height according to components dropped in or container height / padding etc  
the background image is part of the container

basic showing

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [March 19, 2026, 9:31pm UTC](https://forums.realmacsoftware.com/t/container-background-image-letterboxed/55203/3 "2026-03-19T21:31:28Z")

</div>

depends how you want the image to behave at different screen widths
