Fix FAQ email import and change images to use object-fit contain with white background

src/app/components/items-carousel/items-carousel.component.scss

@@ -163,7 +163,8 @@
   img {
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
+    background: white;
     transition: transform 0.3s ease;
   }
 

src/app/pages/cart/cart.component.scss

@@ -280,7 +280,8 @@
     img {
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
+      background: white;
       display: block;
     }
   }
@@ -373,7 +374,8 @@
     img {
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
+      background: white;
       display: block;
       transition: transform 0.3s;
     }
@@ -1464,7 +1466,8 @@
     img {
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
+      background: white;
       transition: transform 0.3s ease;
     }
 

src/app/pages/category/category.component.scss

@@ -74,7 +74,8 @@
     left: 0;
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
+    background: white;
   }
 }
 

src/app/pages/category/subcategories.component.scss

@@ -153,7 +153,8 @@
       .category-media img { 
         width: 100%; 
         height: 100%; 
-        object-fit: cover;
+        object-fit: contain;
+        background: white;
         transition: opacity 0.3s ease;
       }
 

src/app/pages/home/home.component.scss

@@ -252,7 +252,8 @@
   .category-media img {
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
+    background: white;
     transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
   }
 
@@ -567,7 +568,8 @@
   img {
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
+    background: white;
     transition: transform 0.4s;
   }
   

src/app/pages/info/faq/faq.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { environment } from '../../../../environments/environment.novo.production';
+import { environment } from '../../../environments/environment';
 
 @Component({
   selector: 'app-faq',

src/app/pages/item-detail/item-detail.component.scss

@@ -59,7 +59,8 @@
     video {
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
+      background: white;
     }
   }
 
@@ -90,7 +91,8 @@
     img {
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
+      background: white;
     }
 
     .video-indicator {
@@ -585,7 +587,8 @@
     video {
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
+      background: white;
     }
 
     &.novo-no-image {
@@ -635,7 +638,8 @@
     img {
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
+      background: white;
     }
 
     .video-indicator {

src/app/pages/search/search.component.scss

@@ -147,7 +147,8 @@
     left: 0;
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
+    background: white;
   }
 }