Jellyfin Custom CSS - Remove gradient at top and bottom of player - (annoying in HDR)

custom.css

/* === REMOVE BOTTOM GRADIENT OVERLAY === */
.videoOsdBottom,
.videoOsdBottom-maincontrols,
.osdControls {
    background: none !important;
    background-image: none !important;
}

.videoOsdBottom::before,
.videoOsdBottom::after,
.osdControls::before,
.osdControls::after {
    background: none !important;
    content: none !important;
}

/* === REMOVE TOP GRADIENT OVERLAY AND BLUR === */
.skinHeader,
.skinHeader-withBackground,
.skinHeader-blurred,
.osdHeader {
    background: none !important;
    background-image: none !important;
    backdrop-filter: none !important;
}

.skinHeader::before,
.skinHeader::after,
.osdHeader::before,
.osdHeader::after {
    background: none !important;
    content: none !important;
}