.full-image {
  width: 100%;
  background: #f0fafe linear-gradient(to right, #9b9b9b, #f8f8f8 24%, #d6d3d3 51%, #f5f4f4 74%, #9b9b9b 99%);
  padding: 4px 0;
}
.hide-on-mobile {
  display: none !important;
}
.full-image .image-variations {
  background-color: #F0FAFE;
}
.full-image.cmp-image {
  text-align: center;
}
.image-variations img,
.cmp-image img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.image-variations .image-tablet,
.image-variations .image-mobile {
  display: none;
}
.full-image.image img {
  max-width: 100%;
  width: 100%;
}
@media (min-width: 992px) {
  .hide-on-mobile {
    display: block !important;
  }
}
@media (min-width: 320px) and (max-width: 767.8px) {
  .full-image.cmp-image img {
    max-width: 100%;
    width: 100%;
  }
  .image-variations .image-mobile {
    display: block;
  }
  .image-variations .image-tablet,
  .image-variations .image-desktop {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.8px) {
  .full-image.cmp-image img {
    max-width: 100%;
    width: 100%;
  }
  .image-variations .image-tablet {
    display: block;
  }
  .image-variations .image-mobile,
  .image-variations .image-desktop {
    display: none;
  }
}