It's probably a simple setting, but I just can't find the solution.
First, my demo:
Here's the Hype file:
Download Hype File as zip
I have an symbol with the dimensions 1280x720px. This symbol is horizontally and vertically centred. It should be scaled if the width of the window is smaller than 1280px or the height of the window is smaller than 720px. It should therefore only be scaled smaller if there is not enough space. It should not be scaled larger than the original size of 1280x720px.
I tried to fix it via CSS with max-width and max-height, but it doesn't work.
Can someone please help me how to achieve this?
Thanks for your help!