/* Ensure images fit properly */
.profile-icon {
    width: 100%; /* Ensure the image fits the container */
    height: auto; /* Maintain aspect ratio */
    max-width: 150px; /* Adjust as needed */
    display: block; /* Remove extra space below the image */
  }
  
  /* Ensure profile container styles */
  .single-profile {
    text-align: center; /* Center text and images */
    margin-bottom: 20px; /* Space below each profile */
  }
  
  /* Profile text container styling */
  .profile-txt {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center items horizontally */
    justify-content: center; /* Center items vertically */
  }
  
  /* Profile name styling */
  .profile-icon-name {
    margin-top: 10px; /* Space between image and text */
    font-size: 14px;
    color: #333; /* Adjust text color if needed */
  }
  
  .single-about-img {
    position: relative;
    width: 100%;
    height: auto; /* Ensures the height is determined by the image */
    overflow: hidden; /* Ensures any overflow content is hidden */
}


.about-list-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Optional: Adds a semi-transparent background */
    text-align: center;
    padding: 10px 0; /* Adjust padding as needed */
}

.profile-image {
  width: 120%; /* Increase the width of the image */
  height: auto; /* Maintain aspect ratio */
  margin-left: -10%; /* Adjust margin to keep it aligned in the original position */
}

.single-about-img {
  overflow: hidden; /* Ensure the enlarged image doesn't overflow its container */
}