Css

#img1 {display:block;}
#img2 {display:none}

@media all and (max-width: 499px) {
    #img1 {display: none;}
    #img2 {display: block;}
}

<img id="img1" src="images/arts/IMG_1447.png" alt="">
<img id="img2" src="images/arts/IMG_1447m.png" alt="">

PREVIOUS	NEXT

Code Example
Css :: fluorescent blue hex code
Css :: style checkmark css
Css :: make element fill page
Css :: font size inline
Css :: input type color
Css :: css class selector
Css :: CSS - The Class Selectors - Element
Css :: css hover pointer
Css :: bootstrap-navbar-containers
Css :: css hide all elements after nth
Css :: drop down css
Css :: sass min max
Css :: have button beside form input
Css :: 3d sphere
Css :: black background overlay filter \| black overlay for image css
Css :: html color codes
Css :: material css sidebar
Css :: button style css
Css :: how to render css in flask
Css :: margin
Css :: css calc margin-top based on height?
Css :: display inline not alligned
Css :: pink hex code
Css :: how to use css without brackets
Css :: adding custom icons
Css :: position absolute css
Css :: Plusing with CSS
Css :: wow animation run in multiple times at once
Css :: css not loading after clearing chaches asp.net
Css :: coderbytes