.switch-container {
    margin: auto;
    text-align: center;
    max-height: 600px;
    max-width: 365px;
    position: relative;
}

.switch-container img {
    max-height: 100%;
    max-width: 100%;
}

#pump-only {
    position: absolute;
    display: block;
    top: 205px;
    left: 260px;
    width: 78px;
    height: 55px;
    /* top: 35%;
    left: 72%;
    width: 19%;
    height: 8%; */
    z-index: 10;
    cursor: pointer;
    /* background-color: rgba(255, 0, 0, 0.4); */
}

#high-cool {
    position: absolute;
    display: block;
    top: 335px;
    left: 262px;
    width: 75px;
    height: 55px;
    z-index: 10;
    cursor: pointer;
}

#low-cool {
    position: absolute;
    display: block;
    top: 395px;
    left: 142px;
    width: 76px;
    height: 55px;
    z-index: 10;
    cursor: pointer;
}

#high-vent {
    position: absolute;
    display: block;
    top: 335px;
    left: 20px;
    width: 78px;
    height: 50px;
    z-index: 10;
    cursor: pointer;
}

#low-vent {
    position: absolute;
    display: block;
    top: 205px;
    left: 25px;
    width: 78px;
    height: 55px;
    z-index: 10;
    cursor: pointer;
}

#off {
    position: absolute;
    display: block;
    top: 155px;
    left: 150px;
    width: 60px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
}