/* Shared 1080×250 header/preview banners (register, stream, etc.) */
.header-img {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 1080 / 250;
    height: auto;
    overflow: hidden;
    border-radius: 12px;
    line-height: 0;
}

.header-img .img,
.header-img img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: none !important;
    object-fit: cover;
    object-position: center;
    border-radius: 12px !important;
}

.register-page .card > .header-img,
.stream-page .card > .header-img {
    margin-bottom: 0;
}