From 37aaa0ec5b9ed3dc437a29fed4cb1f53bbd21d33 Mon Sep 17 00:00:00 2001
From: EwelinaSkrzypacz <ewelina.skrzypacz@blumilk.pl>
Date: Mon, 12 Jan 2026 08:30:10 +0100
Subject: [PATCH] - trying to fix gallery

---
 resources/views/components/partials/gallery.blade.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/views/components/partials/gallery.blade.php b/resources/views/components/partials/gallery.blade.php
index 9d201b63..d76f3edf 100644
--- a/resources/views/components/partials/gallery.blade.php
+++ b/resources/views/components/partials/gallery.blade.php
@@ -28,7 +28,7 @@
         @foreach($row1 as $photo)
           <div class="overflow-hidden rounded-md" @click="select({{ $loop->index }})">
             <img
-                class="h-full w-full cursor-pointer rounded-md object-cover transition-transform duration-300 hover:scale-105"
+                class="h-full w-full cursor-pointer rounded-md object-cover transition-transform duration-300 hover:scale-105 aspect-[4/3]"
                 src="{{ $photo->getUrl("webp") }}"
                 alt="">
           </div>
@@ -38,7 +38,7 @@ class="h-full w-full cursor-pointer rounded-md object-cover transition-transform
         @foreach($row2 as $photo)
           <div class="overflow-hidden rounded-md" @click="select({{ $loop->index + 3 }})">
             <img
-                class="h-full w-full cursor-pointer rounded-md object-cover transition-transform duration-300 hover:scale-105"
+                class="h-full w-full cursor-pointer rounded-md object-cover transition-transform duration-300 hover:scale-105 aspect-[4/3]"
                 src="{{ $photo->getUrl("webp") }}"
                 alt="">
           </div>
@@ -48,7 +48,7 @@ class="h-full w-full cursor-pointer rounded-md object-cover transition-transform
         @foreach($row3 as $photo)
           <div class="overflow-hidden rounded-md" @click="select({{ $loop->index + 6 }})">
             <img
-                class="h-full w-full cursor-pointer rounded-md object-cover transition-transform duration-300 hover:scale-105"
+                class="h-full w-full cursor-pointer rounded-md object-cover transition-transform duration-300 hover:scale-105 aspect-[4/3]"
                 src="{{ $photo->getUrl("webp") }}"
                 alt="">
           </div>
@@ -58,7 +58,7 @@ class="h-full w-full cursor-pointer rounded-md object-cover transition-transform
         @foreach($row4 as $photo)
           <div class="overflow-hidden rounded-md" @click="select({{ $loop->index + 9 }})">
             <img
-                class="h-full w-full cursor-pointer rounded-md object-cover transition-transform duration-300 hover:scale-105"
+                class="h-full w-full cursor-pointer rounded-md object-cover transition-transform duration-300 hover:scale-105 aspect-[4/3]"
                 src="{{ $photo->getUrl("webp") }}"
                 alt="">
           </div>