How to avoid the sudden appearance of ads in a responsive template?

Question

JavaScript

Hello everyone, how to be?
I have a website with a responsive template.
Installed 4 ad units from YAN in different places on the page.
One ad block is placed before the content, after this block there are clickable posters.
The problem is that advertising initially has a zero height, it is also adaptive, but it loads 2-3 seconds later than everything else.
Those. when it suddenly appears, it pushes the content down a lot, and a person may accidentally click on an ad instead of a poster.
As far as I know, random clicks are prohibited, no matter how YAN would get me banned for this.
Here is an example on screenshots.
Screen before the ad appeared:

Screen after the ad appeared:

As you can see, the ad has shifted the content.
I can't wrap the ad in a div with a fixed height, since both the design and the ad are responsive, and the height of the ad changes on different devices.
How can I solve this problem?

Answer 1

make a fixed height for PC resolutions from 1366 to 4k
otherwise auto
well, as an option until the ad is loaded on the PC or it costs addblock insert a stub there