.fade-in {
    opacity: 0;
    animation: fadeIn 0.4s ease forwards;
}

.fade-out {
    opacity: 1;
    animation: fadeOut 0.3s ease forwards;
}

@keyframes fadeIn {
    to { opacity: 1; }
}

@keyframes fadeOut {
    to { opacity: 0; }
}

#modal-image {
    transition: opacity 0.3s ease;
    opacity: 1;
}

@media (max-width: 768px) {
    #col-3 { 
        display: none; 
    }
    #col-1, #col-2 {
        width: 50%
    }
}

@media (max-width: 500px) {
    #col-2, #col-3 {
        display: none;
    }
    #col-1 {
        width: 100%
    }
}