.circle-img-wrapper {
      /* border: 4px solid #D69E2E;  */
        border-radius: 9999px;
        overflow: hidden;
        aspect-ratio: 1 / 1;
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
    }

    .circle-img-wrapper img {
    width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        background-color: #071729   ;
        /* filter: grayscale(100%); */
        transition: filter 0.3s ease;
    }
    .circle-img-wrapper img:hover {
        filter: grayscale(0%);
    }

    /* Caption backgrounds similar to image in example */
    .caption-bg {
        background: rgba(0, 0, 0, 0.75);
        padding: 0.5rem 0.75rem;
        border-radius: 0.375rem;
        /* margin-top: -3.5rem; */
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding: 8px 16px;
        color: white;
    }

    /* Name text shadow for better contrast */
    .name-text {
        font-weight: 700;
        text-shadow: 0 0 6px rgba(0,0,0,0.7);
    }

    /* Title smaller text and color */
    .title-text {
        font-size: 0.875rem;
        opacity: 0.8;
    }