.product-image {
    width: 100%; /* Ensures the image is responsive within its parent's width */
    /*height: calc(width*1.2);*/ /* Set your desired fixed height */
    aspect-ratio: 10 / 12;
    object-fit: cover; /* Crops the image to cover the entire container while maintaining aspect ratio */
    object-position: center; /* Centers the image within the cropped area (default) */
}