.ck-content img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.drop-area img {
    margin: 5px;
}

.form-group textarea img {
    max-height: 200px;
    width: auto;
}

.ck-content img {
    max-height: 400px;
}
#drop-area {
height: fit-content !important;
flex-direction: column;
}
.image img {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-height: 300px;
    object-fit: cover;
    max-width: 100%;
}

@media only screen and (max-width: 768px) {
    .card-body {
        overflow-x: auto;
    }
}

.navbar-toggler {
    display: block;
    /* yoki shartga qarab, boshqa bir CSS qoida */
}

.card-body {
    display: block;
}

.ck-content img {
    max-height: 400px;
}

.card-body p img {
    text-align: center;
    max-width: 80%;
    max-height: 400px;
}

.drop-area {
    border: 2px dashed #ccc;
    padding: 100px;
    position: relative;
}

.drop-area.over {
    border: 2px dashed #666;
}

img {
    max-width: 100%;
}

#navbarSupportedContent.collapsing {
    -webkit-transition: max-height 0.5s ease;
    -o-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
}

@media (max-width: 768px) {
    #navbarSupportedContent.collapse {
        max-height: 0;
        overflow: hidden;
    }

    #navbarSupportedContent.collapse.show {
        max-height: 500px;
        /* Menyuning maksimal balandligi, moslashtirish kerak */
    }
}