/* ====================================
   IMAGE STYLING & CONTAINERS
   ==================================== */
/* Consolidated image container styling */
.image-container {
    margin: 0.75rem 0;
}

.image-container img {
    display: block;
    border-radius: 0.75rem;
    box-shadow: 0 4px 6px -1px var(--shadow-black), 0 2px 4px -1px var(--shadow-black-light);
    transition: all 0.2s ease-in-out;
    max-width: 100%;
    height: auto;
}

.image-container img:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 15px -3px var(--shadow-black), 0 4px 6px -2px var(--shadow-black-light);
}

/* Image overlay styling */
.image-container .group:hover .absolute {
    opacity: 1 !important;
}

.image-container .absolute {
    transition: all 0.2s ease-in-out;
}

.image-container .bg-white\/90 {
    backdrop-filter: blur(8px);
    border: 1px solid var(--white);
}

/* Responsive image sizing */
@media (max-width: 640px) {
    .image-container img {
        max-height: 250px;
    }
}

@media (min-width: 641px) {
    .image-container img {
        max-height: 300px;
    }
}