/* Example: adjust product grid stacking */

  .woocommerce .wp-block-woocommerce-product-image-gallery {
      padding-right: 50px;
  }
  
  .woocommerce img, .woocommerce-page img {
      border-radius: 50%;
  }

@media (max-width: 768px) {
  .wc-block-product-template__responsive.columns-2 {
    grid-template-columns: 1fr 1fr; /* instead of single column */
  }
}

@media (max-width: 720px) {
  .wc-block-product-template__responsive.columns-2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 781px) {
.woocommerce .wp-block-woocommerce-product-image-gallery {
      padding-right: 0px;
      max-width:100%;
      width: 100%;
}
    
}