<p>Different pictures on different screens!</p>
<p>Try <a href="https://codepen.io/IABlog/pen/reogNm">opening this in Codepen</a> and resizing the window!</p>
<picture>
  <source media="(min-width: 768px)" srcset="https://blog.internetacademy.co.in/wp/wp-content/uploads/2016/05/picture_l.gif">
  <source media="(min-width: 321px)" srcset="https://blog.internetacademy.co.in/wp/wp-content/uploads/2016/05/picture_m.gif">
  <img src="https://blog.internetacademy.co.in/wp/wp-content/uploads/2016/05/picture_s.gif" alt="IA character">
</picture>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.