.anel-videos {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 680px 1fr;
    grid-template-rows: 100px 680px 100px; /* era 1fr 680px 1fr */
    align-content: center;                  /* centraliza o bloco inteiro na vertical */
    grid-template-areas:
        "nw n  ne"
        "w  .  e"
        "sw s  se";
    place-items: center;
    pointer-events: none;
}

.video-wrapper {
    position: relative;
    width: clamp(280px, 28vw, 480px);
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 6px;
}

.video-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    pointer-events: none;
}

.video-n  { grid-area: n;  }
.video-s  { grid-area: s;  }
.video-e  { grid-area: e;  }
.video-w  { grid-area: w;  }
.video-ne { grid-area: ne; }
.video-nw { grid-area: nw; }
.video-se { grid-area: se; }
.video-sw { grid-area: sw; }

@media (max-width: 1100px) {
    .anel-videos {
        grid-template-columns: 1fr 420px 1fr;
        grid-template-rows: 140px 420px 140px; /* era 1fr 420px 1fr */
    }
    .video-wrapper {
        width: clamp(150px, 30vw, 260px);
    }
}