fix: update license images

src/widgets/license-slider/styles.module.scss

@@ -3,7 +3,7 @@
   flex-direction: row;
   justify-content: space-between;
   margin-bottom: rem(40px);
-  padding: 0 rem(20px) 0;
+  padding: 0 rem(20px) 0!important;
 
   @include iftablet {
     padding: unset;
@@ -15,6 +15,14 @@
 }
 
 .Slide {
-  cursor: pointer;
-  width: 100%;
+  display: flex!important;
+  justify-content: center;
+
+  .Image {
+    cursor: pointer;
+    width: auto;
+    height: rem(400px);
+    display: flex;
+    align-items: center;
+  }
 }

src/widgets/license-slider/ui.tsx

@@ -32,11 +32,11 @@ const swiperBreakpoints = {
     spaceBetween: 30,
   },
   1024: {
-    slidesPerView: 3,
+    slidesPerView: 2,
     spaceBetween: 30,
   },
   1440: {
-    slidesPerView: 3,
+    slidesPerView: 2,
     spaceBetween: 30,
   },
 };
@@ -47,13 +47,11 @@ export default function Ui({ className, images }: LicenseSliderProps) {
       className={clsx(s.Slider, className)}
       modules={[Grid]}
       breakpoints={swiperBreakpoints}
-      // onSlideChange={() => console.log('slide change')}
-      // onSwiper={(swiper) => console.log(swiper)}
     >
       {images.map(({ id, name, image }) => (
-        <SwiperSlide key={id}>
+        <SwiperSlide key={id} className={s.Slide}>
           <a href={mockFullSizeImage} target='_blank'>
-            <Image className={s.Slide} src={image} alt={name} />
+            <Image className={s.Image} src={image} alt={name} quality={75} />
           </a>
         </SwiperSlide>
       ))}