.bg-bladder {
    width: 100%;
    height: 100%;
}

    .bg-bladder::before {
        background-image: url('../img/Test Equipment/Bladder Test/bladder2.svg');
        -webkit-filter: brightness(20%); /* Safari 6.0 - 9.0 */
        filter: brightness(20%);
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background-size: cover;
    }

.bg-lamp {
    width: 100%;
    height: 100%;
}

    .bg-lamp::before {
        background-image: url('../img/Test Equipment/Lamp Test/lamp-test1.svg');
        -webkit-filter: brightness(20%); /* Safari 6.0 - 9.0 */
        filter: brightness(20%);
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background-size: cover;
    }

.bg-pods {
    width: 100%;
    height: 100%;
}

    .bg-pods::before {
        background-image: url('../img/Test Equipment/Pods B Tester/pods1.svg');
        -webkit-filter: brightness(20%); /* Safari 6.0 - 9.0 */
        filter: brightness(20%);
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background-size: cover;
    }
.card-body:hover::before {
    filter: brightness(50%);
}

.carousel-item img {
    margin: auto;
}

.card-block:hover::before {
    filter: brightness(50%);
}

.card-block {
    height: 20vh;
    width: 15vw;
}

.height-60 {
    height: 60vh;
}

.mw-60 {
    max-width: 60vw;
}

.mt-10 {
    margin-top: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.cml-2 {
    margin-left: .02vw;
}
/* control image height */
.card-img-top-250 {
    max-height: 250px;
    overflow: hidden;
}

/* smoother transitions */
.carousel-inner > .carousel-item.next.left,
.carousel-inner > .carousel-item.prev.right {
    transition: all 1s ease;
}

.card {
    background-color: transparent;
}

.card-deck {
    padding-top: 2vh;
}

.cpt-2 {
    padding-top: 1vh;
}

.card-title {
    color: ghostwhite;
    width: 75%;
    text-align: center;
    top: 50%;
    left: 13%;
    bottom: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.selected-card {
    border-color: #c0c0c0;
    border: 3px solid;
}