Fiche produits netteté + positionnement

Bonjour à toutes et à tous!

Après de nombreuses heures de recherches je viens vers vous pour voir si vous avez une solution.

Voici la page en question https://www.earthlightened.com/shop/notebooks/v1/

Je souhaite savoir :

1- comment rendre net les images car sur opéra j’ai un joli flou et sous mozilla rien à signaler. Sachant que j’ai bien changé le code pour avoir l’image beaucoup plus grande.

Voici des captures sous les deux navigateurs :
1 firefox ça va

2 opéra ca ne va pas

Voici les lignes que j’ai changé pour avoir ça

.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
width:68%;
height:100%;
float: left;
margin-right: 0px;
padding:0px;
padding-right:0px;
}

.storefront-full-width-content.single-product div.product .summary {
width:30%;
float: right;
margin: 0px;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
width:100%;
margin-bottom: 20px;
}

2- est-ce que c’est possible d’avoir toutes les images en grand les unes au dessous des autres (et ne pas avoir la galerie en miniature)?

Merci d’avance