How to control the height of a container in relation to its length?

Question

WordPress

There is a container with an image in the background, the container has a width of 100%, you need the height to change proportionally to the length when the browser width changes. How to solve this problem?

Answer 1

I can recommend a paid plugin that I use myself. Although it is paid, it will 100% solve your problem. Filter Custom Fields & Taxonomies , plugin with AJAX filtering for any meta fields. So, if you weren’t pressed with money at all, then the $21 spent on the plugin will pay off.
Yes, and you can add as many groups as you like in the hierarchy. For example, they chose "Devil" in the second group and group 4 appeared. They chose "Angel" in the third group and group 5 appeared.

Answer 2

JavaScript: function window.resize( function () ...);
CSS: .container { height: 100vh; }