css
Copy
/* Ensure the body and html take up the full height of the viewport */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}

/* Slideshow container */
.slideshow-container {
    max-width: 75%; /* Limit width to 75% of the viewport */
    width: 100%; /* Ensure it takes up available space */
    height: auto; /* Maintain aspect ratio */
	margin: 0 auto;
	display: block;
	justify-content: center
}

/* Image styling */
#slideshow {
    width: 100%; /* Make the image responsive */
    height: auto; /* Maintain aspect ratio */
    border-radius: 10px; /* Optional: Add rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional: Add a shadow */
}