main {
  overflow: hidden;
  margin-top: -5.5vw; }
  main .wrapper .main-title {
    aspect-ratio: 16/9;
    position: relative;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1; }
    main .wrapper .main-title:before {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #fff;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: -1; }
    main .wrapper .main-title .main-title--video {
      overflow: hidden;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      opacity: 1; }

@media (max-width: 768px) {
  main .wrapper .main-title {
    margin-top: 50px; } }