.float-left {
    float: left;
    width: auto;
    height: 19.5rem;
    margin: 0.5rem 1rem 0 0;
    border-radius: 1.5rem;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 8px;
}

.float-right {
    float: right;
    width: auto;
    height: 19.5rem;
    margin: 0.5rem 0 0 1rem;
    border-radius: 1.5rem;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 8px;
}

.profile-pic-float {
    float: left;
    width: 25rem;
    height: 25rem;
    background-size: cover;
    background-position: center;
    margin: 1.5rem 20px 10px 0;
}

@media (max-width: 1000px) {

    .float-right,
    .float-left,
    .profile-pic-float {
        float: none !important;
        display: block;
        margin: 1rem auto;
        max-width: 100%;
        width: 25rem;
        height: 25rem;
    }
}