#site-featured-image {

    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: center;

    img {
        margin-top: -50px;       
        max-height: 500px;
        object-fit: cover;
        clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
    }

    .context {
        padding: 100px;
    }

    p {
        font-size: 20px;
    }

    &[data-reverse="yes"] {

        img {
            order: 2;
            clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%); 
        }    

        .context {
            order: 1;
        }  

        @media only screen and (max-width: 980px) {
                   
        }
       
    }
}