按比例调整大小而不扩展到 100% 宽度和高度

Question

I've build an ad with an click tag. Everything works fine - the images are scaling proportionally but is there a way for the container not to fill 100% of width/height and still be scaling?

Preview: https://craftads.de/hosting/stack_test5/

Wetransfer Code: https://wetransfer.com/downloads/5b7b21ccd2a0f535cfcb22146ae5e41b20210823135155/edf6cd

I would like that only the visible part to be clickable.

Visual representation:

This is what I would like to achieve

Thanks for the help!

Answer 1

After a lot of trial and error I think I've found a solution:

html, body {
width: 100%;
height: 100vh;
margin: 0px;
max-width: 50vh;
min-width: 500px;
min-height: 1000px;}

Does that make any sense haha?