Css responsive, make the child relative

Tell us what’s happenigg:
How to make an img element responsively, relative to its parent, so that it maintains its size and not go beyond the size of the parent
?
Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 8.1.0; SM-J410F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Mobile Safari/537.36.

Challenge: Build a Tribute Page

Link to the challenge:

Could you link your code?

https://codepen.io/sagetechit/pen/KKNvZaR