# GIF resizes to fill the container, instead of fitting in it

**URL:** <https://forum.readymag.com/t/gif-resizes-to-fill-the-container-instead-of-fitting-in-it/5024>\
**Category:** General topics\
**Created:** [June 6, 2025, 8:34pm UTC](https://forum.readymag.com/t/gif-resizes-to-fill-the-container-instead-of-fitting-in-it/5024 "2025-06-06T20:34:45Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![zapovlad](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/zapovlad/32/3338_2.png) [@zapovlad](https://forum.readymag.com/u/zapovlad)\
**Post date:** [June 6, 2025, 8:34pm UTC](https://forum.readymag.com/t/gif-resizes-to-fill-the-container-instead-of-fitting-in-it/5024/1 "2025-06-06T20:34:45Z")

</div>

On image 1 the GIF is being displayed properly in the editor. Image 2 is how it appears in prod, distorted. Does anyone know a fix to this? Works fine with WEBP, but the quality loss is noticable. Not an option to use MP4, as I need the readymag spotlight functionality 👨‍🔬

 ![Screenshot 2025-06-06 at 16.26.14](https://us1.discourse-cdn.com/flex015/uploads/readymag/original/2X/d/d48137b825d3c0ebe690ce5ed4bf1e39329ee122.jpeg)  
 ![Screenshot 2025-06-06 at 16.28.32](https://us1.discourse-cdn.com/flex015/uploads/readymag/original/2X/4/45cda32b7fd084e2d7763cb9dc54a3754e162cdd.jpeg)

---

<div class="post-metadata">

**Author:** ![zapovlad](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/zapovlad/32/3338_2.png) [@zapovlad](https://forum.readymag.com/u/zapovlad)\
**Post date:** [June 10, 2025, 12:46am UTC](https://forum.readymag.com/t/gif-resizes-to-fill-the-container-instead-of-fitting-in-it/5024/2 "2025-06-10T00:46:35Z")

</div>

✅ Fixed it myself. The issue was in the container’s corner radius—had to set it to 0px. Adjusted it back to 4px with custom CSS.