@media(max-width: 500px) {



    #imgChromeOrSafari .productPictureMakeSqure {
          height: 100%;
    }


    .safari .productPictureMakeSqure {
        /*  height: 3;
        max-height: 700px;*/
        aspect-ratio: 1/1; /* Keeps height equal to width */
        object-fit: cover; /* No distortion of image, and no empty space */
    }
}