.profile-image {
    float: left;
    margin: 20px 20px 0px 20px;
    width: 200px;
    height: 200px;
    border-radius: 50%; 
    object-fit: cover; 
}
.profile-description-content::after {
    content: "";
    display: table;
    clear: both;
}  
.profile-text {
    flex: 1;
    min-width: 300px; /* Adjust this value as needed */
}

@media (max-width: 600px) { /* Adjust this breakpoint as needed */
  .profile-image {
      float: top;
      margin: 20px 20px 20px 20px;
      width: 200px;
      height: 200px;
      border-radius: 50%; 
      object-fit: cover; 
  }
  .profile-description-content {
      display: flex;
      content: "";
      justify-content: center;
      flex-direction: column;
      align-items: center;
  }  
  .profile-description-content::after {
      display: flex;
      content: "";
      justify-content: center;
      flex-direction: column;
      align-items: center;
  }  
  .profile-text {
    align-self: flex-end;
    width: 100%;
  }
}