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

html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
}

.coming-soon-container {
    width: 100vw;
    height: 100vh;
}

picture {
    display: block;
    width: 100%;
    height: 100%;
}


.hero-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;

    animation:
        glowPulse 1.8s ease-in-out infinite,
        zoomPulse 14s ease-in-out infinite; /* slower zoom */

    transform-origin: center center;
}

/* glow stays the same */
@keyframes glowPulse {
    0% {
        filter: brightness(1);
    }

    50% {
        filter: brightness(1.25);
    }

    100% {
        filter: brightness(1);
    }
}

/* slower, smoother zoom */
@keyframes zoomPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}