.behind-single {
  .container {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    @media (max-width: 768px) {
      flex-direction: column;
    }
    .behind-single-left {
      width: 426px;
      @media (max-width: 1280px) {
        width: 326px;
      }
      @media (max-width: 1024px) {
        flex: 1;
      }
      @media (max-width: 768px) {
        width: auto;
      }
      figure {
        margin-bottom: 16px;
      }
    }
    .behind-single-right {
      flex: 1;
      @media (max-width: 1024px) {
        flex: 2;
      }
      @media (max-width: 768px) {
        flex: auto;
        width: calc(100% + 40px);
        margin-left: -20px;
      }
      .video-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        iframe {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          border-radius: var(--br-lg);
          object-fit: cover;
          @media (max-width: 768px) {
            border-radius: 0;
          }
        }
      }
    }
  }
}
