.animation-image-soap-factory {
    width: 80%;
    border: solid #dddddd 1px;
}

.soap-factory-icon-container {
    min-width: 250px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}

.soap-factory-icon {
    max-width: 60px;
    padding-right: 10px;
}

.woodshop-icon {
    max-width: 80px;
    padding-right: 10px;
}

.here-and-there-map {
    background-image: url(../images/soap-factory/timeline-infographic.jpg);
}

.soap-factory-floor-plan {
    background-image: url(../images/soap-factory/soap-factory-floor-plan.jpg);
}

.soap-factory-woodshop {
    background-image: url(../images/soap-factory/soap-factory-woodshop-floor-plan.jpg);
}

.single-image-mobile {
    visibility: hidden;
}

@media only screen and (max-width:900px){
    .here-and-there-map {
        background-image: none;
    }

    .soap-factory-floor-plan {
        background-image: none;
    }
    
    .soap-factory-woodshop {
        background-image: none;
    }

    .single-image-mobile {
        visibility: visible;
    }
}