/* Hide homepage carousel on mobile */
@media screen and (max-width: 767px) {
  .heroCarousel {
    display: none !important; } }

/* Show the full hero banner artwork on desktop */
@media screen and (min-width: 801px) {
  .heroCarousel-slide .heroCarousel-image-wrapper {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important; }
  .heroCarousel-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important; } }
