.workshops-img{
    background: url(../images/workshops.jpg);
    height: 100%;
    width: 60%;
    background-size: cover;
    background-position: center left 20%;
    grid-row: span 2;
    position: absolute;
    left: 0;
}



@media(max-width: 840px){
    #section2 .info-container .workshops{
        grid-row: 2;
    }

    .workshops-img{
        display: none;
    }

    .workshops-text{
        width: 100%;
    }
}