/* Apply the background color and make the entire page use flexbox */
body {
    margin: 0; /* Remove default margin */
    height: 100vh; /* Full viewport height */
    display: flex;
    justify-content: center; /* Center the image horizontally */
    align-items: center; /* Center the image vertically */
    background-color: #A71C2C; /* Background color for the page */
}

/* Centered and responsive image */
.centered-image {
    max-width: 100%; /* Make the image responsive */
    max-height: 100%; /* Prevent the image from overflowing the page */
    height: auto; /* Maintain aspect ratio */
    width: auto; /* Maintain aspect ratio */
}