/* Necessary for full page carousel*/

/* Carousel*/
.carousel {
    height: 50%;
}

@media (max-width: 776px) {
    .carousel {
        height: 100%;
    }
}

.carousel-item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/*Caption*/
.flex-center {
    color: #fff;
}

#instructorSection .avatar img{
    object-fit: cover;
    object-position: center;
    width: 200px;
    max-height: 240px;
    }