html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; 
}

html {
    scrollbar-gutter: auto;
}
.profile-section {
    background-color: #0d6efd; 
    color: #fff; 
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    position: relative;
}

.bleed-bg {
    position: relative;
    z-index: 0;
}

    .bleed-bg::before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        bottom: 0;
        width: 100vw;
        background: inherit; 
    }
@supports (width: 100dvw) {
    .bleed-bg::before {
        width: 100dvw;
    }
}