.splitView
{
    align-items: center;
    column-gap: calc(var(--sidePadding) / 2);
    display: grid;
    grid-template-areas: "left right";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
}
.splitView__item--left
{
    grid-area: left;
}
.splitView__item--right
{
    grid-area: right;
}
.splitView img
{
    width: 100%;
}
@media(max-width: 600px)
{
    .splitView
    {
        column-gap: unset;
        grid-template-areas: "left left" "right right";
        padding: calc(var(--sidePadding));
        row-gap: calc(var(--sidePadding) * 2);
    }
    .splitView .jumbotron__description
    {
        text-align: left;
    }
    .splitView--flipped
    {
        grid-template-areas: "right right" "left left";
    }
}