My page is linked to woocommerce and the initial view of the images on the products page shows up as blurred and out of focus. Once the detailed image is clicked on the image is in focus. However, I need the images to always be in focus so as not to deter potential purchasers.
From what I see, Your product images are in very small resolution (300×300 px). since you have the product in your webshop in two columns, the container in which the images are located is almost twice the size of the image and when the image is expanded to fill the container, the quality is lost. To fix this, you need to add higher resolution images or try displaying products in 3(or 4) columns instead of two.