@media (min-width: 768px) {
    .restaurantLink:before {
        background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .25) 40%, rgba(0, 0, 0, .25) 60%, rgba(0, 0, 0, .6) 100%), url(../img/bkg-resto2026.jpg) center center / cover no-repeat;
    }
    .carteLink:before {
        background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .25) 40%, rgba(0, 0, 0, .25) 60%, rgba(0, 0, 0, .6) 100%), url(../img/bkg-carte2026.jpg) center center / cover no-repeat;
    }
    .le-restaurant:before {
        background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .25) 40%, rgba(0, 0, 0, .25) 60%, rgba(0, 0, 0, .6) 100%), url(../img/bkg-resto2026.jpg) center center / cover no-repeat;
    }
    .la-carte:before {
        background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .25) 40%, rgba(0, 0, 0, .25) 60%, rgba(0, 0, 0, .6) 100%), url(../img/bkg-carte2026.jpg) center center / cover no-repeat;
    }
}

@media (max-width: 767px) {
    .restaurantLink:before {
        background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .25) 40%, rgba(0, 0, 0, .25) 60%, rgba(0, 0, 0, .6) 100%), url(../img/bkg-resto2026-s.jpg) center center / cover no-repeat;
    }

    .carteLink:before {
        background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .25) 40%, rgba(0, 0, 0, .25) 60%, rgba(0, 0, 0, .6) 100%), url(../img/bkg-carte2026-s.jpg) center center / cover no-repeat;
    }
}