body {
    background: radial-gradient(1200px 600px at 70% -10%, rgba(124, 92, 255, .35), transparent 60%), radial-gradient(1000px 600px at 10% -20%, rgba(255, 107, 158, .25), transparent 60%), linear-gradient(180deg, #0b0616, #120a26);
}
  

  
/* Deck card background helpers */
.card-bg {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.card-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45);
    /* soften on hover */
    transition: background .25s ease;
}
.card-bg:hover::after {
    background: rgba(0,0,0,.7);
}
.card-content {
    position: relative;
    z-index: 1;
}

/* Highlights swiper backgrounds */
.highlights-swiper .swiper-slide > div {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.highlights-swiper .swiper-slide > div::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45);
    transition: background .25s ease;
}
.highlights-swiper .swiper-slide > div:hover::after {
    background: rgba(0,0,0,.7);
}
.highlights-swiper .swiper-slide > div > * {
    position: relative;
    z-index: 1;
}
.highlights-swiper .swiper-slide:nth-child(1) > div {
    background-image: url('./assets/images/slide1.jpg');
}
.highlights-swiper .swiper-slide:nth-child(2) > div {
    background-image: url('./assets/images/slide2.jpg');
}
.highlights-swiper .swiper-slide:nth-child(3) > div {
    background-image: url('./assets/images/slide3.jpg');
}
.highlights-swiper .swiper-slide:nth-child(4) > div {
    background-image: url('./assets/images/slide4.jpg');
}