Background color behind image

I Need Help
1

I have a Hero section which contains a background image and a radius border on bottom left corner. Since my general body bg is white, it shows a white color (I want this to maintain white for certain reasons), but I want the bloc color background to match the next bloc which is blue. The only way I manage to achieve this is by changing the body color. I have tried with a pseudo class but it covers all the background, text and other stuff.

Any thoughts?

Captura de pantalla 2026-09-21 a la(s) 10.29.21
Captura de pantalla 2026-09-21 a la(s) 10.29.21954×825 94.9 KB

Captura de pantalla 2026-09-21 a la(s) 10.20.50
Captura de pantalla 2026-09-21 a la(s) 10.20.501029×642 60.2 KB

2

Working with a transparent PNG will be much faster and more practical.

1 Like
3

A png file uses much more space and you can’t adjust the ratio on every breakpoint, you will have to use 4 different png.

4

I understand, but at the same time, it can adapt 100% to the width of the display.

5

Yes, but you better use webp instead of png, I still think there should be a better option

1 Like