.slideshow-container {
  background-color: black;
  display: flex;
  flex-direction: column;
  padding-bottom: 3vh;
}

.card-container{
  align-items: center;
  column-gap: 20vw;
  display: flex;
  flex-direction: row;
  height: 92vh;
  margin: 0;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.card {
  border-radius: .5vw;
  height: 18vw;
  width: 18vw;
}

.card:first-child {
  padding-left: 2.5vw;
}

.card:last-child {
  padding-right: 2.5vw;
} 

.gallery-image {
  border-radius: .5vw;
  height: 18vw;
  object-fit: cover;
  position: relative;
  transition: all .5s ease-in-out;
  width: 18vw;
  z-index: 3;
}

.squeeze-animation {
  animation: squeezeIn 1s ease-out forwards; 
}

@keyframes squeezeIn {
  from {
    column-gap: 15vw;
    overflow-x: hidden;
  }
  to {
    column-gap: 3vw;
    overflow-x: auto;
  }
}

@media only screen and (max-width: 1024px) {

  .gallery-image {
    border-radius: 5vw;
    height: 40vh;
    width: 40vh;
  }

  .card {
    border-radius: 5vw;
    height: 40vh;
    width: 40vh;
  }
}

@media only screen and (max-width: 500px) {

  .gallery-image {
    border-radius: 5vw;
    height: 65vw;
    width: 65vw;
  }

  .card {
    border-radius: 5vw;
    height: 65vw;
    width: 65vw;
  }
}