#floatRight {
    float: right;
    width: 30%;
    background: red;
}

#bottomLeftImage {
    float: left;
    width: 30%;
    margin-top: 3%;
}

@media screen and (min-width: 1301px) and (max-width: 1500.9px) {
    #bottomLeftImage {
        float: left;
        width: 35%;
        margin-top: 4%;
    }
}

@media screen and (min-width: 1101px) and (max-width: 1300.9px) {
    #bottomLeftImage {
        float: left;
        width: 40%;
        margin-top: 5%;
    }
}

@media screen and (min-width: 901px) and (max-width: 1100.9px) {
    #bottomLeftImage {
        float: left;
        width: 45%;
        margin-top: 6%;
    }
}


@media screen and (min-width: 701px) and (max-width: 900.9px) {
    #bottomLeftImage {
        float: left;
        width: 55%;
        margin-top: 8%;
    }
}

@media screen and (min-width: 500.5px) and (max-width: 700.9px) {
    #bottomLeftImage {
        float: left;
        width: 55%;
        margin-top: 10%;
    }
}

@media screen and (max-width: 500px) {
    #bottomLeftImage {
        float:left;
        width: 65%;
        margin-top: 12%;
    }
}