body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background: #f0f0f0; /* Optional: light gray background if needed */
    direction: rtl; /* Right-to-left for Hebrew */
    text-align: right;
}

.container {
    max-width: 1200px; /* Default max-width for desktop */
    margin: 0 auto;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Full viewport height */
}

.homepage-image {
    max-width: 100%; /* Ensures the image fits the container on all devices */
    height: auto; /* Maintains aspect ratio */
    display: block; /* Removes any extra space below the image */
}

/* Mobile-first: Adjust for smaller screens */
@media (max-width: 768px) {
    .container {
        padding: 10px; /* Smaller padding on mobile */
        max-width: 100%; /* Full width on mobile */
    }
}