body{
margin:0;
background:white;
color:black;
font-family: Arial, Helvetica, sans-serif;
}

.page{
max-width:50%;
margin:40px auto;
display:flex;
gap:30px;
align-items:flex-start;
}

.container {
  display: flex;
  align-items:  flex-start; /* Vertically centers the text with the image */
  gap: 0px;           /* Adds space between the image and text */
}

.mainimage img{
display:block;
width:90%;
height:auto;
margin:0;
}
}






.profile{
height:400px;
border:0px solid black;
}

.text{
max-width:500px;
line-height:1.5;
font-size:16px;
}

h2{
margin-top:0;
font-weight:normal;
}

@media (max-width: 600px) {
  .container {
    flex-direction: column; /* Stacks the image on top of the text */
    align-items: flex-start; /* Keeps everything aligned to the left */
  }

  img {
    width: 100%; /* Optional: Makes the image fill the screen width */
    max-width: none;
  }
}