AdSense started to show not adaptive ads

Who knows what happened to AdSense?
I used to insert "in-article" ads into the post's content for 10 years, and those ads looked accurate.
But 2 weeks ago, they changed something, and now all these rectangular, nicely placed in-article ads look terrible..
Why do all Google changes only lead to sh¡t?

I use a background image to minimize the terrible-looking Google ads, but anyway, they look sloppy.
I can barely see the content because of the huge ads taking up so much of the content area.
Besides, now the ads are not always responsive; sometimes they show a square ad on the desktop screen.

 

No truer words have been spoken.

Make sure you "tell" your ads what to do. For instance, this will show 728x90 banner/text ads on desktops. However, the style will be often ignored on cell phones (due to 728x90 not working well on them) and 336 x 280 banner/text ads will show instead.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
     data-ad-slot="XXXXXXXXX"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script> 

Code (markup):

 

This problem isn't posible to fix with any code.
This is how AdSense started to show ads.

 

This is an old "in-article" ad size for desktop:


And this one is the actual "in-article" ad size for desktop:


I used to insert them only into the content area, like here:
https://rivieramayatravelguide.com/sargassum-in-riviera-maya-causes-effects-and-solutions/

I used this code:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXXX"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
     data-ad-slot="XXXXXXXXXX"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Code (markup):

 

Sometimes the desktop ads look like this.
I use background-image and borders to make the ads look more accurate:


Sometimes they look correct, but too big, I think this is AdSense's new dimensions for "in-article" ads:

 

You can switch to “Display ads” or use custom ad units for better layout control. I was also facing the same issue on https://themaltasalarycalculator.com/ but now I'm using display ads and they are working well.

 

They’ve already corrected it themselves.
At least now, from my computer, I can see that the ad blocks are horizontal.
But they modified the design of the blocks themselves.
Before, the banner was shorter; now it’s too tall.
Before, I could put one banner every 3 paragraphs, but now I have to place them every 5 paragraphs.
Otherwise, the banner itself is taller than the combined height of all the paragraphs of text before it.