<!DOCTYPE html> <html lang="en"> <head> <title>Using the HTML5 Picture Element</title> </head> <body> <picture> <source media="(min-width: 1000px)" srcset="examples/resources/image-fall-2.png"> <source media="(max-width: 500px)" srcset="examples/resources/image-fall-3.png"> <img src="examples/resources/image-tree.png" alt="image the falls" /> </picture> <p><strong>Note: </strong>Change the orientaion or resize the broser screen to see proper output.</p> </body> </html>