.story-image {
    position: relative;
    width: 100%;
}

.story-image .bg-img {
    width: 100%;
    display: block;
    pointer-events: none;
}

.story-image .avatar {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: clamp(70px, 20vw, 145px);
    height: clamp(70px, 20vw, 145px);
    border-radius: 50%;
    object-fit: cover;
    z-index: 2;
}