#sec01 {
  .my-container {
    > .my-cols {
      margin-bottom: 1.88rem;
      gap: 2.5rem;
      .-txt {
        flex: 1;
      }
      .-img {
        width: 25.625rem;
        img {
          display: block;
          width: 100%;
        }
      }
    }
  }
}

#sec01-03 {
  .my-cols {
    gap: 2.5rem;
    .-iframe {
      width: 27.1875rem;
      iframe {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 500 / 281;
      }
    }
  }
}

@media (max-width: 979.98px) {
  #sec01 {
    .my-container {
      > .my-cols {
        flex-direction: column;
        gap: 1.25rem;
        .-img {
          width: 100%;
        }
      }
    }
  }

  #sec01-03 {
    .my-cols {
      flex-direction: column;
      gap: 1.25rem;
      .-iframe {
        width: 100%;
      }
    }
  }
}