DIV.portfolio
{
    DISPLAY: flex;
    FLEX-WRAP: wrap;
    POSITION: sticky;
    TOP: var(--cms-vspacing);
}

DIV.portfolio A.thumbnail
{
    BORDER-RADIUS: calc(7.5 * var(--cms-factor));
    BOX-SHADOW: var(--cms-box-shadow);
    FLEX: 1 1 50%;
    OVERFLOW: hidden;
    TRANSITION: transform 0.25s;
    WILL-CHANGE: transform;
}

DIV.portfolio A.thumbnail:first-child
{
    FLEX: 1 1 100%;
    TRANSFORM: rotate(-2.5deg);
}

DIV.portfolio A.thumbnail:first-child:focus,
DIV.portfolio A.thumbnail:first-child:hover
{
    TRANSFORM: rotate(-2.5deg) scale(1.1);
}

DIV.portfolio A.thumbnail:first-child + A.thumbnail
{
    TRANSFORM: rotate(-7.5deg) translateY(-5%);
}

DIV.portfolio A.thumbnail:first-child + A.thumbnail:focus,
DIV.portfolio A.thumbnail:first-child + A.thumbnail:hover
{
    TRANSFORM: rotate(-7.5deg) translateY(-5%) scale(1.1);
}

DIV.portfolio A.thumbnail:last-child
{
    TRANSFORM: rotate(5deg) translateY(-2.5%);
}

DIV.portfolio A.thumbnail:last-child:focus,
DIV.portfolio A.thumbnail:last-child:hover
{
    TRANSFORM: rotate(5deg) translateY(-2.5%) scale(1.1);
}