/* By default, hide the mobile image and show the desktop image */
.show-on-mobile { display: none !important; }
.show-on-desktop { display: block !important; }

/* On mobile devices (screens 768px or smaller), swap the visibility */
@media only screen and (max-width: 768px) {
    .show-on-mobile { display: block !important; }
    .show-on-desktop { display: none !important; }
}