/* Guest: cover blur is server-side (no CSS scale — that caused horizontal overflow).
   Soft CSS blur only on avatar. */
.profilePic.guest-blur-media {
    overflow: hidden;
}
/* Must beat welcome.blade.php global img { filter: none !important } */
.profilePic.guest-blur-media img {
    -webkit-filter: blur(14px) !important;
    filter: blur(14px) !important;
    transform: scale(1.15);
    transform-origin: center center;
}
.profilePic a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}
.profilePic img,
.profilePic .protected-profile-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}