.instagram-reels {
  background: linear-gradient(270deg, rgba(209, 189, 167, 0) 27.6%, #D1BDA7 54.2%), #A8B2B8;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.instagram-reels__overlay {
  background: linear-gradient(48deg, #D0A984 23.9%, rgba(208, 169, 132, 0) 55.58%);
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 740px;
  height: 100%;
}
.instagram-reels__overlay-title {
  position: absolute;
  bottom: 90px;
  left: 90px;
  max-width: 430px;
}
.instagram-reels__overlay-title span {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}
.instagram-reels__overlay-title h2 {
  margin-top: 30px;
  color: #fff;
  font-size: 50px;
  font-style: normal;
  font-weight: 800;
  line-height: 56px;
  letter-spacing: 1.5px;
}
.instagram-reels__swiper .swiper-wrapper .swiper-slide {
  width: 390px !important;
  height: 690px !important;
}
.instagram-reels__swiper .swiper-wrapper .swiper-slide .reel-frame {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 9/16;
  border-radius: 12px;
  overflow: hidden;
}
.instagram-reels__swiper .swiper-wrapper .swiper-slide .reel-frame iframe {
  width: 100%;
  height: 800px;
}

@media (max-width: 1600px) {
  .instagram-reels {
    padding: 50px 0;
  }
  .instagram-reels__overlay-title {
    position: absolute;
    bottom: 50px;
    left: 50px;
    max-width: 430px;
  }
  .instagram-reels__overlay-title span {
    font-size: 14px;
  }
  .instagram-reels__overlay-title h2 {
    margin-top: 20px;
    font-size: 45px;
    line-height: 50px;
    letter-spacing: 1.35px;
  }
}
@media (max-width: 1100px) {
  .instagram-reels {
    background: linear-gradient(270deg, rgba(209, 189, 167, 0) 27.6%, #D1BDA7 54.2%), #A8B2B8;
    padding: 40px 0;
    position: relative;
    overflow: hidden;
  }
  .instagram-reels__overlay {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0 20px;
    background: none;
    margin-bottom: 40px;
  }
  .instagram-reels__overlay-title {
    position: relative;
    bottom: auto;
    left: auto;
    max-width: 100%;
  }
  .instagram-reels__overlay-title span {
    font-size: 14px;
  }
  .instagram-reels__overlay-title h2 {
    margin-top: 15px;
    font-size: 32px;
    line-height: 34px;
    letter-spacing: 0.96px;
  }
  .instagram-reels__swiper .swiper-wrapper .swiper-slide {
    width: 390px !important;
    height: 690px !important;
  }
}