.video-section {
    margin: 20px 0;
  .video-section-wrapper {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    position: relative;
    video {
      display: none;
      /* width: 80%; */
      max-width: 1080px;
      max-height: 600px;
      &.active {
        display: block;
      }
    }

    .image {
      display: none;
      &.active {
        display: block;
      }
    }

    .play {
      display: none;
      width: 80px;
      height: 80px;
      justify-content: center;
      align-items: center;
      background-color: #ffffff;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      left: 50%;
      cursor: pointer;
      &:hover {
        width: 100px;
        height: 100px;
        transition: all 0.2s ease;
      }

      &.active {
        display: flex;
      }

      svg {
        display: block;
        max-height: 30px;
        margin: -20px;
        path {
          fill: #000;
        }
      }
    }
  }
}