.box-instructors {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    margin-top: 20px;
}

@media(max-width: 700px) {
    .box-instructors {
        grid-template-columns: 1fr;
    }
}

.box-instructor {
    padding: 10px;
}

.box-instructor-content {
    text-align: center;

    img {
        width: 90%;
        border-radius: 50%;
        @media(max-width: 992px) {
            width: 70%;
        }
    }
}

#instructor-description-container {
    text-align: left;
}
#instructor-description .ql-editor {
    min-height: auto !important;
}