.profile-picture-container {
  width: 150px; /* Set a consistent container size */
  height: 150px;
  border-radius: 50%; /* Makes the container circular */
  overflow: hidden; /* Hides parts of the image outside the circle */
}

.profile-img {
  width: 100%; /* Image takes the full width of the container */
  height: 100%; /* Image takes the full height of the container */
  object-fit: cover; /* Ensures the image covers the area without distortion */
  object-position: center; /* Centers the image within the container */
  border-radius: 50%; /* Makes the container circular */

}