#imageandtextleft {
    
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    width: 50%;
    
}

#imageandtextleft img{
    max-width: 650px;
    width: 100%;
}

#imageandtextright {
    width: 45%;
    position: absolute;
    top:50%;
    right:2.5%;
    box-shadow: 0 0 1em #969696;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    box-sizing: border-box;
    padding: 2em;
    background: #fafafa;
}

#imageandtext {
    position: relative;
}

#imageandtextright p {
    font-size: 1em;
    text-align: center;
}


@media screen and (max-width: 1250px) {
    #imageandtextleft {
        width: 100%;
        max-width: 650px;
        margin: auto;
    }
    
    #imageandtextright {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        position: inherit;
        width: 100%;
        right: 0;
        margin-top: 2em;
    }
    
    #imageandtext {
        position: inherit;
        overflow: visible;
    }
    
}


@media screen and (max-width: 600px) {
    
    #imageandtextright p {
        font-size: 1em;
    }
    
    #imageandtextright {
        padding: 1em;
    }
}