#profile_photo {

}
/* Custom CSS for centering modal */
.modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100vh - 2rem); /* Adjust for header/footer */
}
.profile-image-container {
  position: relative;
  width: 50%; /* Adjust as needed */
  padding-top: 50%; /* Creates a 1:1 aspect ratio; adjust for different ratios */
  overflow: hidden;
}
.profile-image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image covers the container without distortion */
}