.reels-section {
  .reels-section__title {
    text-align: center;
    margin-bottom: 5rem;
    font-weight: 600;
    font-size: 4.2rem;
    color: #141414;

    @media screen and (max-width: 990px) {
      margin-bottom: 3rem;
      font-size: 2.3rem;
    }
  }
  .reels-swiper__list {
    .reels-swiper__item {
      cursor: grab;
      width: 100%;
      height: 100%;
      position: relative;
      aspect-ratio: 365/555;
      max-width: 36.5rem;
      overflow: hidden;
      border-radius: 1.6rem;

      @media screen and (max-width: 990px) {
        aspect-ratio: 220/335;
        max-width: 22rem;
        border-radius: 1.2rem;
      }

      .reels-swiper__item-inner {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;

        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        video {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        svg {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100px;
          height: 100px;
          z-index: 1;

          @media screen and (max-width: 990px) {
            max-width: 6.6rem;
          }
          
          circle, path {
            cursor: pointer;
          }
        }
      }

      &.play {
        .reels-swiper__item-inner {
          svg {
            display: none;
          }

          img {
            display: none;
          }
        }
      }
    }
  }
}