.circular-frame {
    width: 150px; /* Set the desired width */
    height: 150px; /* Set the desired height */
    border-radius: 50%; /* Makes the frame circular */
    overflow: hidden; /* Hides the overflow of the image */
    display: flex; /* Center the image */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border: 5px solid #fff; /* Optional: border around the frame */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Optional: shadow effect */
}

.circular-frame img {
    width: 100%; /* Make the image fill the frame */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Remove bottom space */
}