Answer 1

When you use % you are saying about the parent element... So here you say the height must be 50% of the height of the page and the width 10% of the width of the page... So the image adapts to those values