update

src/components/PhotoSquare.vue

@@ -168,7 +168,7 @@ markers.value = [
         <RecycleScroller
             class="scroller"
             :items="images"
-            :item-size="8"
+            :item-size="1"
             key-field="id"
             v-slot="{ item, index }"
           >
@@ -338,7 +338,7 @@ markers.value = [
   display: flex;
   justify-content: space-between;
   align-items: center;
-  height: 8vh;
+  height: 100%;
   padding: 0 6vw;
 }
 
@@ -362,7 +362,7 @@ markers.value = [
   bottom: 1vh;
   left: 5vw;
   width: 90vw;
-  height: 8vh;
+  height: 17vw;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: bottom center;
@@ -390,7 +390,7 @@ markers.value = [
   display: flex;
   flex-flow: row;
   flex-wrap: wrap;
-  top: 10vw;
+  top: 15vw;
 }
 
 .image-container {