html {
    --high-seas-hack-club-202412-desktop: url("./desktop.jpg");
    --high-seas-hack-club-202412-desktop: image-set(
        url("./desktop.avif"), 
        url("./desktop.jpg")
    );

    --high-seas-hack-club-202412-mobile: url("./mobile.jpg");
    --high-seas-hack-club-202412-mobile: image-set(
        url("./mobile.avif"), 
        url("./mobile.jpg")
    );
}

.high-seas-hack-club-202412 .banner-card.lazyloaded {
    background-image: var(--high-seas-hack-club-202412-desktop);
}

.high-seas-hack-club-202412 .hero {
    min-height: inherit;
}

.high-seas-hack-club-202412 .hero-title {
    max-width: 37rem;
}

.high-seas-hack-club-202412 .hero .pane-header {
    max-width: 34rem;
}

@media (max-width: 576px) {
    .high-seas-hack-club-202412 .banner-card.lazyloaded {
        background-image: var(--high-seas-hack-club-202412-mobile);
        background-position-y: bottom;
        min-height: 35rem;
    }
}