.image-container {
  max-height: 500px; /* Set the maximum width of the container */
  width: 100%; /* Make the container take up the full width of its parent */
}

.image-container img {
  max-height: 200px; /* Limit the image's width to the container's width */
  width: auto; /* Maintain the image's aspect ratio */
}

.user-profile-header-banner img {
    block-size: 250px;
    inline-size: 100%;
    object-fit: cover
}

.user-profile-header {
    margin-block-start:-2rem}

.user-profile-header .user-profile-img {
    border: 5px solid;
    border-color: var(--bs-paper-border);
    inline-size: 140px;
    background: var(--bs-paper-bg);
}

@media(max-width: 767.98px) {
    .user-profile-header-banner img {
        block-size:150px
    }

    .user-profile-header .user-profile-img {
        inline-size: 100px
    }
}