<!DOCTYPE html> <html> <body> <h1>The source media attribute</h1> <picture> <source media="screen and (color:3)" 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>