We have an animation that keeps resizing itself based on the height of the viewport instead of the width. This animation also goes beyond its container, this is something that we really need to fix. Is there any way to prevent this animation behave this way and more like let's say an image, where the size would be defined by the width of the container and not the height of the viewport (which is very weird). I tried setting a max height to the animation, a max width, tried different settings, I tried setting the CSS rules on the parent div containers, but nothing seems to work.
The problem is that when the viewport is too big, then the animation is cut, so we want to constraint the size of the animation to make it fit inside a div container.