diff --git a/src/HybridApp/Components/Pages/Item/ItemPage.razor.css b/src/HybridApp/Components/Pages/Item/ItemPage.razor.css
index 7c5f1dc03..685e665e3 100644
--- a/src/HybridApp/Components/Pages/Item/ItemPage.razor.css
+++ b/src/HybridApp/Components/Pages/Item/ItemPage.razor.css
@@ -12,6 +12,13 @@ p:first-of-type {
 
 img {
     width: 25rem;
+    border-radius: 0.5rem;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+    transition: box-shadow 0.3s ease;
+}
+
+img:hover {
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
 }
 
 .description {
diff --git a/src/WebApp/Components/Pages/Item/ItemPage.razor.css b/src/WebApp/Components/Pages/Item/ItemPage.razor.css
index c21fa93da..f4c405556 100644
--- a/src/WebApp/Components/Pages/Item/ItemPage.razor.css
+++ b/src/WebApp/Components/Pages/Item/ItemPage.razor.css
@@ -13,6 +13,13 @@ p:first-of-type {
 img {
     width: 25rem;
     max-width: 50%;
+    border-radius: 0.5rem;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+    transition: box-shadow 0.3s ease;
+}
+
+img:hover {
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
 }
 
 .description {
diff --git a/src/WebAppComponents/Catalog/CatalogListItem.razor.css b/src/WebAppComponents/Catalog/CatalogListItem.razor.css
index 6d4e8f368..63875647d 100644
--- a/src/WebAppComponents/Catalog/CatalogListItem.razor.css
+++ b/src/WebAppComponents/Catalog/CatalogListItem.razor.css
@@ -20,6 +20,13 @@
 
 .catalog-product-image img {
     max-width: 100%;
+    border-radius: 0.5rem;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+    transition: box-shadow 0.3s ease;
+}
+
+.catalog-product-image img:hover {
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
 }
 
 .catalog-product .catalog-product-content {