WooCommerce 4: Gallery size is too large in mobile

Looks like you just need to limit the height on mobile:

@media (max-width:480px) {
   .carousel-item img {
      max-height: 200px; 
      object-fit: contain;
   }
}