.image-container {
    display: flex;          /* Enables Flexbox layout */
    justify-content: center; /* Centers content horizontally */
    align-items: center;     /* Centers content vertically */
    height: 100vh;           /* Sets container height to full viewport height */
    /* Add any other styling like background color if needed */
    background-image: url('./init.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.responsive-image {
    max-width: 100%;    /* Ensures image scales down on smaller screens */
    height: auto;       /* Maintains the image's aspect ratio */
    display: block;     /* Ensures margin: auto works if used */
}

.button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007BFF;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  text-align: center;
}
.button:hover {
  background-color: #0056b3;
}