Image blurry on cart and invoice after I changed the size of the image

-- HikaShop version -- : 5.1.1
-- Joomla version -- : 5.1.4
-- PHP version -- : 8.2
-- Browser(s) name and version -- : Firefox

Hello,

I’ve changed the size of the images appearing on the floating cart, on the regular cart, on the order page as well as on the invoice as the images were too small. I’ve used the following CSS:

.hikashop_product_cart_image {
width: 80px !important;
padding-right: 10px;
padding-bottom: 10px;
}

.hikashop_cart_product_image {
width: 100px !important;
padding-right: 10px;
}

.hikashop_order_item_image {
width: 150px !important;
}

img.hika_cpanel_product_image {
width: 100px !important;
}

I’ve managed to get the images to show in the size I wanted; however they are appearing blurred now. Do you know what I can do to fix that? I’m seeing that the system is still pulling the 50 x 50px images when I inspect them in firefox developer mode, eventhough I’ve set up the size to be bigger.

Also, for the order page, it's cropping the image which appears as a square. What can I do so that the image shows with the right proportion and without any cropping?

Thank you!