/* layout-styles.css */
body {
    font-family: Arial, sans-serif;
    text-align: center;
    background-color: #f4f4f4;
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

.container {
    margin-top: 50px;
}

.site-image {
    max-width: 100%; /* Image will not exceed 100% of its container width */
    height: auto; /* Maintain aspect ratio */
    border: 2px solid #ddd;
    padding: 10px;
    background-color: white;
    display: block; /* Center the image in its container */
    margin: 0 auto; /* Auto margins to center the image horizontally */
}