FPO Overlay Image

fpo.scss

// FPO Caption

.fpo-light {
    position: relative;
    &::after {
        content: "FPO";
        font-family: sans-serif;
        font-size: 150px;
        position: absolute;
        width: 100%;
        text-align: center;
        top: 50%;
        z-index: 100;
        display: block;
        left: 0;
        padding: 0;
        margin: -60px 0 0;
        line-height: 120px;
        opacity: 0.8;
        color: white;
    }
}

.fpo-dark {
    @extend .fpo-light;
    &::after {
        color: black;
    }
}