#image_text {
    padding: 70px 0px;
}

#image_text[position="right"] {
    background: #262626;
    padding: 70px 0px;
}

#image_text h1,
#image_text h2,
#image_text h3 {
    color: var(--site-primary);
}

#image_text .container {
    display: grid;
    gap: 50px;
    grid-template-columns: 1fr 1fr;
    margin: auto;
    justify-content: center;
    align-items: center;
}

#image_text .description b {
    font-weight: bold;
    color: #fff;
}


@media only screen and (min-width: 980px) { 
    #image_text[position="right"] .context {
        grid-column: 1;
        grid-row: 1;
    }
}

@media only screen and (max-width: 980px) { 
    #image_text .container {
        grid-template-columns: 1fr;
        gap: 20px;       
    }  
}