/*============================
    Instructor
============================*/

@use "../utils/mixins" as *;
@use '../variables' as *;

.instructor-section {
    background: $darkmode-dark;
}
.instructor-item {
    position: relative;
    background: $white;
    box-shadow: $box-shadow;
    padding: 20px;
    border-radius: $border-radius-xl;
    text-align: center;
    .instructor-img { 
        width: 160px;   // set fixed size or responsive
        height: 160px;
        overflow: hidden;
        margin: 0 auto 20px;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}