:root
{
    --sz_image: 200px;
}
.jff_initiative
{
    display: grid;
    grid-template-columns: 0.5fr 0.5fr 0.5fr;
    background-color: var(--color_bg_dark);
    padding: var(--sz_button_margin);
    border-radius: var(--sz_button_margin);
    box-sizing: border-box;
    margin-bottom: var(--sz_button_margin);
    background-image: url("/images/employer_jff.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
}
.jff_initiative[title]::before
{
    padding-left: var(--sz_button_margin);
}
.jff_initiative > *
{
}
.jff_initiative h2,
.jff_initiative p
{
    color: white;
}
.jff_initiative > :nth-child(2)
{
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 1024px)
{
    .jff_initiative
    {
        grid-template-columns: 1fr;
        background-size: calc(1.5 * var(--sz_image) );
        background-position: center bottom;
        row-gap: var(--sz_button_margin);
    }
    .jff_initiative > :nth-child(1)
    {
        text-align: center;
    }
    .jff_initiative > :nth-child(3)
    {
        min-height: var(--sz_image);
    }
}