HTML & CSS Image Issues

Question

I've hot another issue with images

Last time it didnt stick together with the border when I resized my Browser on Pc
I fixed it by swapping the percantage values for width ans heigth with the measurements in pixel
https://code.sololearn.com/W655Z9HiGqRa/?ref=app

On my computer at the Sololearn Website or the htmlfile everything is fine. But on my mobile device its oversized

I used the measurements of the image in pixels so of course its to big and oversized

But how is this fixable
The last time I tried using percentages the Image struggled on pc with the border
Do I need a smaller Image? Is it kinda scalable?

Answer 1

//Give % to image too as its parent of. border

<image src="https://imgur.com/mnPJHBW.png" width="100%">

. border{
width:100%;
}