.card-rd2 {
    position: relative;
    width: 100%;
    max-width: 100%;
    display: block;
    overflow: hidden;
}

.card-rd2 img.card-bg {
    width: 100%;
    height: auto;
    display: block;
}

.card-rd2 .profile-image-wrapper {
    position: absolute;
    top: 11%;
    left: 50%;
    transform: translateX(-50%);
    width: 28%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #ffffff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    z-index: 2;
}

.card-rd2 .profile-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.card-rd2 .name {
    position: absolute;
    top: 57%;
    left: 50%;
    transform: translateX(-50%);
    /* background-color: #ffffff; */
    /* color: #1a2a44; */
    font-weight: 700;
    font-size: clamp(10px, 2.8vw, 14px);
    padding: 4px 12px;
    /* border-radius: 20px; */
    white-space: nowrap;
    /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); */
    z-index: 2;
}
/* Мобилни стилове за екрани под 768px (телефони) */
@media (max-width: 768px) {
    .card-rd2 {
        max-width: 100%;
        margin: 0 auto;
    }

    /* Можете да коригирате позицията или размера на снимката за телефон при нужда */
    .card-rd2 .profile-image-wrapper {
        top: 10%;
        width: 32%; /* Леко увеличаваме кръга на тесен екран за по-добра видимост */
    }

    /* Настройване на размера на името за мобилни устройства */
    .card-rd2 .name {
        top: 56%;
        font-size: 12px;
        padding: 3px 10px;
    }
}