fercoresc's post in CSS for stacked product images on mobile was marked as the answer
I was able to fix it with this updated code:
@media screen and (max-width:767px) {
.ProductItem-gallery-slides-item {
position: static !important;
height: auto !important;
visibility: visible !important;
display: block !important;
animation: unset !important;
}
.ProductItem-gallery-slides:before {
padding: 0 !important;
}
.ProductItem-gallery-carousel-controls {
display:none!important;
}
.ProductItem-gallery-current-slide-indicator {
display: none;
}
section.ProductItem-gallery {
pointer-events: none;
user-select: none !important;
}
}
