.content {
    display: flex;
    justify-content: center;
    background:
        linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.8)),
        url('../../main/img/background-page-menu.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* ключевое */
}

.slides img {
    width: 50vw;
}

.slides {
    margin-top: 30px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (max-width: 1020px) {
    .content {
        display: block;
    }
    .slides {
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    .slides img {
        width: 85vw;
    }
}