/* Reset margins and paddings for a clean slate */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Ensure the body takes up the full viewport height */
body, html {
    width: 100%;
    height: 100%;
    background-color: #000; /* Dark background as a fallback */
    overflow: hidden; /* Prevent scrolling if the image is perfectly sized */
}

/* Container to center and contain the poster */
.poster-container {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Make the image cover the entire screen while maintaining aspect ratio */
.poster-image {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Shows the whole image without cropping */
}