html { font-family: Arial, Helvetica, sans-serif; display: inline-block; text-align: center; } h1 { font-size: 1.8rem; color: white; } p { font-size: 1.2rem; } body { margin: 0; } img { width: 100%; } @media screen and (min-width: 600px) and (max-width: 800px) { img { width: 250px; } } @media screen and (min-width: 900px) and (max-width: 1400px) { img { width: 400px; } } @media screen and (min-width: 1500px) and (max-width: 2000px) { img { width: 700px; } } @media screen and (min-width: 2000px) { img { width: 950px; } }