body {
    margin: 0;
    font-family: Inter, sans-serif;
}

.cover-container {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

/* Картинка cover */
.cover-container img.cover-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Аватарка: ближе к левому краю, полностью видна, круглая */
.avatar {
    position: absolute;
    bottom: 20px;          /* поднимаем аватарку выше блока cover */
    left: 20px;             /* ближе к левой стороне */
    width: 140px;           /* чуть больше для лучшей видимости */
    height: 140px;
    border-radius: 50%;
    border: 4px solid #fff;
    object-fit: cover;      /* сохраняем пропорции */
    z-index: 10;            /* поверх других блоков */
}

/* Информация о пользователе */
.profile-info {
    margin-left: 160px;     /* отступ справа от аватарки */
    padding-top: 20px;
}

/* Имя пользователя поверх cover, слева */
.cover-username {
    position: absolute;
    bottom: 20px;       /* отступ от нижнего края cover */
    left: 160px;        /* отступ от левого края, рядом с аватаркой */
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
    z-index: 10;
    margin: 0;
}