DIV.rm-content
{
    ALIGN-ITEMS: center;
    BOX-SIZING: border-box;
    DISPLAY: flex;
    FLEX-DIRECTION: column;
    JUSTIFY-CONTENT: center;
    PADDING: calc(var(--cms-vspacing) * 2) var(--cms-hspacing);
    WIDTH: 100%;
}

DIV.rm-content:has(IMG.rm-content-image)
{
    MIN-HEIGHT: 100vh;
}

DIV.rm-content-background
{
    HEIGHT: 100%;
    LEFT: 0;
    POSITION: absolute;
    TOP: 0;
    WIDTH: 100%;
}

DIV.rm-content-background IMG
{
    HEIGHT: 100%;
    LEFT: 0;
    MAX-HEIGHT: 100vh;
    OBJECT-FIT: cover;
    OBJECT-POSITION: 30% top;
    POSITION: sticky;
    TOP: 0;
    WIDTH: 100%;
}

DIV.rm-content-overlay
{
    BACKDROP-FILTER: blur(calc(2.5 * var(--cms-factor)));
    BACKGROUND: rgba(22, 22, 24, 0.65);
    BOTTOM: 0;
    CONTENT: "";
    LEFT: 0;
    POSITION: absolute;
    RIGHT: 0;
    TOP: 0;
}

DIV.rm-content-overlay:has(+ DIV.rm-content-inner-space)
{
    MARGIN-TOP: 100vh;
}

DIV.rm-content-inner,
DIV.rm-content-inner-narrow,
DIV.rm-content-inner-space,
DIV.rm-content-inner-space-narrow
{
    MAX-WIDTH: calc(1225 * var(--cms-factor));
    WIDTH: 100%;
}

DIV.rm-content-inner-narrow,
DIV.rm-content-inner-space-narrow
{
    MAX-WIDTH: calc(625 * var(--cms-factor));
}

DIV.rm-content-inner-space
{
    MARGIN-TOP: 100vh;
}