Tiny white line below mj-image

[karin-pacholkova]

Hi there,
could I kindly ask for an advice?

I have two mj-sections. In the first one the background-color is white, in the second one dark blue. In the first mj-section I only have a PNG image, which has a transparent part on the top, but the bottom is all dark blue. In the second mj-section I have the same dark blue color and mj-text.

When I send myself a test email, then the Apple Mail app on an iPhone XS, or Gmail on Android 11.0 shows a tiny white line below the image. When I changed the background color of the first mj-section from white to dark blue, the white line disappeared. So I assume it's related to the background color. But unfortunately I can't have the color of the first mj-section the same as the color of the second mj-section. I also tried setting the mj-column in first mj-section to vertical-align="bottom", but it didn't help.

Here is the code - https://mjml.io/try-it-live/86fve3Elyj

Please, does anyone have any advice on how to remove this strange line?
Any idea, thought, advice would be very helpful.
Thank you in advance.

Karin