Web page using Html, Css, Javascript

Hello. An idea on how to make your image responsive on different devices

 <picture> 
  <source 
    srcset="name of image"
    media="(min-width: screen size )"
  />
   
  <source 
    srcset="name of image"
    media="(min-width: screen size)"
  />
  
**Default if your picture media query doesn't work**
  <img 
    src="" 
    alt=""
  />

</picture>

For other responsiveness, you need to take note of important break point. Mobile S -320px. Mobile M -375px.

Mobile L - 425px --> Tablet - 768px Most important to me for mobile devices