Answers for "Changing Image depending on Mobile or Desktop HTML & CSS"

Changing Image depending on Mobile or Desktop HTML & CSS

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

Changing Image depending on Mobile or Desktop HTML & CSS

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

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