/* Hide mobile image by default */
.only-mobile {
  display: none;
}

/* Show desktop image by default */
.only-desktop {
  display: block;
}

/* When the screen width is 768px or less, swap visibility */
@media screen and (max-width: 768px) {
  .only-desktop {
    display: none;
  }

  .only-mobile {
    display: block;
  }
}