html{
    font-family: IBM Plex Mono;
}
.profile-photo {
    width: 300px; /* Adjust size as needed */
    height: 300px; /* Same as width for a perfect circle */
    border-radius: 50%; /* Makes the image circular */
    object-fit: cover; /* Ensures the image fits within the circle */
    border: 3px solid #fff; /* Optional: Add a border */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow */
}
/* Add this to the parent container */
.parent-container {
    display: flex; /* Enables flexbox layout */
    align-items: center; /* Centers the child vertically */
    justify-content: flex-end; /* Aligns the image to the right */
    height: 0px/* Ensure the parent has a height */
}