main{
  width: 100dvw;
  height: auto;
}
section{
  max-width: 1200px;
  width: 100%;
  height: auto;
  margin: 120px auto;
}

.background{
  position: relative;
  height: auto;
  width: 100%;
  z-index: 1;
}
  .background-img{
    position: absolute;
    top: -380px;
    height: 100%;
    width: 100%;

    display: flex;
    flex-direction: column;
  }
    .background-img img{
      width: 100%;
      height: calc(50% + 450px);
    }
    .background-img .background-img-2{
      margin-top: -400px;
    }
  .gallery{
    position: relative;
    z-index: 1000;
  }
    .section-title-block{
      width: 100%;
      height: 200px;
    }
      .section-title-box{
        position: relative;
        width: 100%;
        height: 100%;
      }
        .section-title-box img{
          position: absolute;
          top: 0;
          left: 0;

          width: 30%;
          height: auto;
        }
        .section-title-texts{
          width: 100%;
          height: auto;
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
        }
          .section-title-texts .section-title{
            font-size: 60px;
            font-weight: bold;
            letter-spacing: 1.5rem;

            text-align: center;
            color: var(--black);
          }
          .section-title-texts .section-info{
            font-size: var(--accent-font-sise);
            font-weight: normal;
            line-height: 2.5rem;

            color: var(--black);

            text-align: center;
            width: 100%;
          }
    .video-gallery{
      width: 100%;
      height: fit-content;
      margin-top: 150px;
      padding: 50px 0 200px;

      border-top: solid 1px var(--black);
    }
      .video-gallery-inner{
        width: 100%;
        height: 100%;

        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        row-gap: 50px;
        column-gap: 20px;
      }
        .video-gallery-item{
           max-width: 30%;
           width: 100%;
           min-width: 29%;

          display: flex;
          flex-direction: column;
          gap: 10px;
        }
          .video-gallery-item .img-box{
            width: 100%;
            aspect-ratio: 16 / 9;
            height: auto;
            position: relative;
          }
            .video-gallery-item .img-box img{
              width: 100%;
              aspect-ratio: 16 / 9;
              height: auto;
              transition: transform 0.4s ease;
              transform-origin: center center;
            }
            .video-gallery-item .img-box:hover img{
              transform: scale(1.05);
            }
      

@media screen and (max-width: 440px) {
.section-title-block{
    width: 100%;
    height: 200px;
  }
  .section-title-box img{
    width: 70%;
  }
      .section-title-texts .section-title{
        font-size: 2rem;
        letter-spacing: normal;
      }
      .section-title-texts .section-info{
        font-size: 0.9rem;
        letter-spacing: normal;
      }

.video-gallery{
  margin-top: 50px;
  padding: 50px 20px 0;
}
  .video-gallery-inner{
    flex-direction: column;
    align-items: center;
  }
    .video-gallery-item {
      max-width: 100%;
    }
}