.my-image {
    border-radius: 5px;
    max-height: 100px;
    max-width: 100px;
    border: 2px solid #d3d3d3;
}


.my-image-table {
    border-radius: 5px;
    max-height: 75px;
    max-width: 75px;
    border: 2px #d3d3d3;
}

.comment-image {
    max-width: 100%; /* Resmi konteyner genişliğine göre ölçeklendir */
    max-height: 400px; /* Maksimum yükseklik sınırı */
    object-fit: contain; /* Görüntünün boyutunu koruyarak sığdır */
}

.comment-image-thumb img {
    max-width: 100px; /* Küçük resimlerin genişliğini sınırlandır */
    max-height: 100px; /* Küçük resimlerin yüksekliğini sınırlandır */
    object-fit: cover; /* Küçük resimleri kesme olmadan sığdır */
}

.comment-image-thumb.active {
    border: 2px solid #007bff; /* Aktif küçük resme çerçeve ekleyin */
}