/* Uploaded photos sit behind the homepage copy and latest match. */
.ct-hero > .ct-latest {
    background: rgba(9, 10, 12, .88);
    border-color: rgba(184, 189, 197, .65);
}
.ct-hero > .ct-backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 45%;
    pointer-events: none;
}
.ct-hero.has-backdrop::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgb(0 0 0 / .8), rgb(0 0 0 / .4));
    pointer-events: none;
}
.ct-hero.has-backdrop > .ct-hero-copy,
.ct-hero.has-backdrop > .ct-latest {
    position: relative;
    z-index: 2;
}
@media (max-width: 600px) {
    .ct-hero > .ct-backdrop { object-position: 40% center; }
}
