.frame:before {
    content: "";
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: 500px;
    opacity: 0.7;
    background-image: url(../img/back-mundial2026.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 3000px;
    pointer-events: none;
}

@media (max-width: 768px) {
    .frame:before {
        top: -53px;
        background-size: 1410px;
    }
}