refactor(SW-96): use images from API & reduce data returned in getHotel

components/Lightbox/Lightbox.module.css

@@ -5,7 +5,6 @@
 .mobileGallery {
   margin-top: 70.047px;
   height: 100%;
-  overflow-y: auto;
   position: relative;
   display: flex;
   flex-direction: column;
@@ -51,6 +50,7 @@
   display: flex;
   flex-direction: column;
   position: relative;
+  overflow-y: auto;
 }
 
 .galleryHeader {
@@ -60,6 +60,10 @@
   margin-bottom: var(--Spacing-x1);
 }
 
+.desktopGalleryCloseButton {
+  display: none;
+}
+
 .imageCaption {
   background-color: var(--Base-Surface-Subtle-Normal);
   padding: var(--Spacing-x-half) var(--Spacing-x1);
@@ -187,6 +191,7 @@
   }
 
   .desktopGalleryCloseButton {
+    display: block;
     position: absolute;
     top: var(--Spacing-x-one-and-half);
     right: var(--Spacing-x-half);