/* starts main section */

@media screen and (max-width: 930px) {
  .gallery-container1 {
   padding-left: 0 !important;
   justify-content: center !important;
  }
  .majestic-heading {
   font-size: 36px !important;
  }
  .gallery-image-container {
   display: none !important;
  }
  .vertical-image-gallery {
   width: 100% !important;
  }
  .album-covers {
   width: 100% !important;
  }
  .horizontal-image-container {
   flex-direction: column !important;
   width: 95% !important;
   gap: 0 !important;
  }
}

element.styles {
   display: inline-block;
   width: 100%;
   background: white;
}

.gallery-container2 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   width: 100%;
}

.gallery-container {
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
}

.gallery-container1 {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   gap: 8px;
   align-items: center;
   justify-content: space-between;
   padding-left: 40%;
}

.majestic-heading {
   flex: 0 0 auto;
   padding: 0;
   margin: 0;
   font: 700 72px "Playfair Display", serif;
   color: #205A98;
}

.gallery-subtitles {
   width: 80%;
   text-align: center;

}

.gallery-image-container {
   box-sizing: border-box;
   display: block;
   width: 272px;
   max-width: initial;
   height: 181px;
}

.vertical-align-centered-image {
   flex: 0 0 auto;
   align-self: center;
   margin-top: -26px;
   padding-left: 15%;
}

.image-container {
   box-sizing: border-box;
   display: block;
   width: 1204px;
   max-width: initial;
   height: 56px;
}

.gallery-container-flex-box {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   align-items: center;
   justify-content: space-around;
   margin-top: 65px;
   margin-bottom: 7rem;
   align-content: center;
}

.image-container10 {
   box-sizing: border-box;
   display: block;
   width: 121px;
   max-width: initial;
   height: 552px;
}

.vertical-image-gallery {
   /* display: flex; */
   /* flex: 1 0 auto; */
   /* flex-direction: column; */
   /* gap: 33px; */
   /* align-items: stretch; */
   /* align-self: center; */
   /* justify-content: center; */
   /* padding-bottom: 87px; */
   /* margin-left: 3%; */
   width: 90%;
}

.horizontal-image-container {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   justify-content: space-evenly;
}

.image-container-grid7 {
   box-sizing: border-box;
   display: block;
   width: 100%;
   /* max-width: initial; */
   height: 365px;
   background: #205A98;
   padding: 15px;
   border-radius: 5px;
   object-fit: cover;
}

.album-covers {
   width: 45%;
}


.album-covers {
   position: relative;
   width: 45%; 
   height: 35vh; 
   margin: 10px;
   overflow: hidden;
   border-radius: 8px;
}

.album-covers img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 8px;
}

.carousel-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(32, 90, 152, 0.60);
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   opacity: 0;
   transition: opacity 0.5s ease;
   color: white;
   border-radius: 8px;
}

.album-covers:hover .carousel-overlay {
   opacity: 1;
}

.services-carousel-text-overlay {
   font-size: 1.5rem;
   font-weight: bold;
   text-align: center;
   margin-bottom: 10px;
}

.services-carousel-description {
   font-size: 1rem;
   text-align: center;
   padding: 0 5%;
   color: #FFF;
font-family: Verdana;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

/* ends main section */