title: Image's size responsive to scrolling
body: <p>Hi I'm trying to code up website logo that the size would be smaller once scrolls down like the one on this website <a href="https://infrared.cni.columbia.edu/" rel="nofollow noreferrer">https://infrared.cni.columbia.edu/</a> . I'm new to html and wondering if there's any commands that can define the size of the image along scrolling.</p>
  
  <p>Thank you.</p>