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

/* Full screen layout */
body {
    height: 100vh;
    display: flex;
    justify-content: center; /* horizontal center */
    align-items: center;     /* vertical center */
    background: transparent; /* or set a color if needed */
    font-family: Arial, sans-serif;
}

/* Container ensures proper centering */
.container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* Responsive image */
.main-image {
    max-width: 90vw;   /* scales with screen width */
    max-height: 90vh;  /* scales with screen height */
    width: auto;
    height: auto;
    display: block;
}

/* Mobile tweaks */
@media (max-width: 600px) {
    .main-image {
        max-width: 95vw;
        max-height: 80vh;
    }
}