* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f4f4f4;
}

/* Container agar gambar tetap responsif */
.container {
    max-width: 90%;
    max-height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Efek Dissolve (Fade-in) */
.fade-in {
    width: 100%;
    height: auto;
    max-width: 1758px;
    max-height: 754px;
    opacity: 0; /* Awalnya gambar tidak terlihat */
    animation: fadeIn 2s ease-in-out forwards;
}

/* Animasi Dissolve */
@keyframes fadeIn {
    from {
        opacity: 0; /* Awal tidak terlihat */
    }
    to {
        opacity: 1; /* Muncul secara perlahan */
    }
}