/* General Styles */
body {
    background-color: black;
    text-align: center;
}

/* John Pork Image Animation */
.centered-img {
    display: block;
    margin: auto;
    width: 1800px;
    height: 900px;
    opacity: 0;
    transform: scale(0) rotate(0deg);
    animation: spawnEffect 1.5s ease-out forwards;
}

@keyframes spawnEffect {
    0% {
        opacity: 0;
        transform: scale(0) rotate(0deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(360deg);
    }
}

/* Explosion GIF */
.explosion {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px; /* Adjust size */
    height: auto;
}