Image adjustment solved with CSS, but pending issue with iFrames (YouTube and Bunny.net)

Hi everyone 👋,

First of all, a big thank you to Chris, who shared a custom CSS snippet here in the community. Thanks to his contribution, I was able to make sure that in my Fluent Community portal all images, regardless of their size or aspect ratio, look perfect.

I’ve already added that code in Settings → Customization → Custom Snippets → Custom CSS, and it works beautifully. 🙌

The issue I haven’t managed to solve yet is with iFrames:

• YouTube in the traditional 16:9 format looks fine.
• But I haven’t figured out how to make it work properly with Bunny.net, or with the different YouTube formats (for example, Shorts 9:16 or square 1:1 videos).

In short: I’d like to achieve the same behavior as with images, where the system can automatically adjust the container to the iframe’s actual aspect ratio (whether horizontal, square, or vertical), without having to rely on fixed values.

👉 Question for the community:

Has anyone already faced this and found a practical solution for making iFrames adapt automatically in Fluent Community?

Any advice, snippets, or shared experiences would be greatly appreciated.

Thanks a lot in advance for your help! 🙏