Load only mobile version images on mobile

Oh this site, https://www.zodiachacks.com/discover/signs/taurus, we have a mobile version of this card (the orange one) that should only be loaded on mobile - does anyone have a code or solution to block the desktop and only load the mobile in CSS?

Hey @Delta, you can use the below CSS to hide an element on desktop, you'll need to replace '#block-id' with that of your block, and can adjust the 768px value to your liking.

// Hide On Desktop
@media only screen and (min-width: 768px) {
#block-id {
display: none;
}

Thank you! This worked, I've moved the 'display: none;' property inside the media query and fixed the comment syntax to be appropriate for CSS. 😉

// Hide On Desktop
@media only screen and (min-width: 768px) {
  #block-id {
    display: none;
  }
}