<!DOCTYPE html>
<html>
<body>
<h1>The source media attribute</h1>
<picture>
<source media="all and (orientation: landscape)" srcset="https://horje.com/avatar.png">
<source media="screen and (min-width:500px)" srcset="https://horje.com/avatar.png">
<img src="https://horje.com/avatar.png" alt="Horje Icon" style="width:auto;">
</picture>
</body>
</html>