@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fadeIn {
    animation: fadeIn 1s ease;
}

.banner {
    width: 100%;
    height: 700px;
    overflow: hidden;
}

.banner img {
    width: 100%;
    height: 700px;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Tablet */
@media (max-width: 991px) {
    .banner,
    .banner img {
        height: 500px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .banner,
    .banner img {
        height: 300px;
    }
}