.scrolling-image-container
{
    margin-top: var(--top-bar-height);
    position: relative;
    height: 40vh;
    overflow: hidden;
}

.scrolling-image-container img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.scrolling-image-overlay
{
    background: radial-gradient(ellipse at center, var(--overlay-color) 10%, var(--overlay-color-dark) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--title-font);
    font-size: 4em;
    font-weight: bold;
    color: #fff;
    text-decoration: underline;
}