Fit image to mobile screen and apply some padding

Hello

I have a header

Below that i want to have an image

I tried using “Main” , “Container” , “Flex Container”, “Row” so far (below the header) and put an image inside it.

It creates a scrollbar on mobile. I want it to become smaller to fit the mobile screen so that it can be seen entirely, without having to scroll

And i want some padding on left and right so that it looks neat…

How can i do that