Forum Academy Marketplace Showcase Pricing Features

Remove space below image keeping proportions in responsive

Hello,

I struggle with something that seems common and simple:

Here is my hierarchy

  • safe group (height 720px)
    • image (450px high) → set keeping proportions
    • block below image (270px high)
      There is no space between these blocks

When we are on responsive mode, the height of the image become little because of the little width (keeping proportions). This is okay.
But a space is created with the reduced height between the 2 blocks above.

I have seen the following solution, but I think there might be a much simpler solution for that?

Thanks