.gallery-container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  min-height: 500px;
  position: relative;
}

/* Dangling Gallery Styles */
.dangling-gallery {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 50px;
}

.photo-wrapper {
  position: relative;
  width: 19.99%;
  perspective: 1000px;
  transition: all 0.4s ease;
}

.photo {
  width: 100%;
  height: auto;
  border: 8px solid #576157;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);

  transition: all 0.4s ease;
  cursor: pointer;
  transform-origin: center top;
  will-change: transform;
}

/* Add different rotations to each photo */
.photo-wrapper:nth-child(1) .photo { transform: rotate(5deg); }
.photo-wrapper:nth-child(2) .photo { transform: rotate(3deg); }
.photo-wrapper:nth-child(3) .photo { transform: rotate(-2deg); }
.photo-wrapper:nth-child(4) .photo { transform: rotate(4deg); }
.photo-wrapper:nth-child(5) .photo { transform: rotate(-3deg); }

/* Hover effects for photos */
.photo-wrapper:nth-child(1):hover .photo { transform: rotate(2.5deg); }
.photo-wrapper:nth-child(2):hover .photo { transform: rotate(1.5deg); }
.photo-wrapper:nth-child(3):hover .photo { transform: rotate(1deg); }
.photo-wrapper:nth-child(4):hover .photo { transform: rotate(2deg); }
.photo-wrapper:nth-child(5):hover .photo { transform: rotate(1.5deg); }

/* Caption styles */
.caption {
  position: absolute;
  bottom: -90px;
  left: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.4s ease;
}
.photo-wrapper:hover .caption {
  opacity: 1;
  transform: translateY(0);
}


.team-swiper {
  width: 100%;
  display: none;
}

.team-swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
}

.team-swiper .swiper-slide-inner {
  position: relative;
  transform-origin: center top;
  transition: transform 0.4s ease;
}

.team-swiper .swiper-slide:nth-child(5n+1) .swiper-slide-inner { transform: rotate(-5deg); }
.team-swiper .swiper-slide:nth-child(5n+2) .swiper-slide-inner { transform: rotate(3deg); }
.team-swiper .swiper-slide:nth-child(5n+3) .swiper-slide-inner { transform: rotate(-2deg); }
.team-swiper .swiper-slide:nth-child(5n+4) .swiper-slide-inner { transform: rotate(4deg); }
.team-swiper .swiper-slide:nth-child(5n+5) .swiper-slide-inner { transform: rotate(-3deg); }

.team-swiper .swiper-slide img {
  width: 100%;
  max-width: 300px;
  border: 8px solid #576157;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
}

.caption h3,
.team-swiper .swiper-slide .slide-caption h3 {
  color: #b2e327;
  font-family: "owners-wide";
  font-weight: 500;
  letter-spacing: 0.15em;
	font-size: 1.3rem;
	margin: 0 0 10px 0;
}
.caption p,
.team-swiper .swiper-slide .slide-caption p {
  color: #ffffff;
	margin: 0 0 0 0;
  font-size:.8em;
}
.caption .role,
.team-swiper .swiper-slide .slide-caption .role {
  color: #ffffff;
  font-family: "Instrument Sans";
  font-weight: 400;
}
.caption .loc,
.team-swiper .swiper-slide .slide-caption .loc {
  color: #ffffff;
  font-family: "lft-etica-mono", sans-serif;
  font-weight: 300;
  color: #777;
  text-transform: uppercase;
}

.team-swiper .swiper-button-next,
.team-swiper .swiper-button-prev {
  color:#b3e327;
}