#case-study .scroll-container {
    overflow-x: auto;
    white-space: nowrap;
    width:100vw;
 
}
#case-study .extra-scroll-space {
    display: inline-block;
    width: 200px;
}


#case-study ::-webkit-scrollbar {
    width: 6px; /* scrollbar width */
    display: none;
}

#case-study ::-webkit-scrollbar-track {
    background: transparent; /* scrollbar track color */
}


#case-study ::-webkit-scrollbar-thumb {
    background: transparent; /* scrollbar handle color */
    border: 1px solid white; /* white border around the handle */
    border-radius: 10px; /* round corners on the handle */
}

/* Handle on hover */
#case-study ::-webkit-scrollbar-thumb:hover {
    background: transparent; /* scrollbar handle color upon hover */
}

#case-study .user_flow-image {
    position: relative;
    display: flex; /* Add this */
    align-items: center; /* Vertically center */
  justify-content: center;
    padding: 0 25px 0 0;
}


#case-study .user_flow-image img {
    
    height: 980px !important;
    z-index: 0; 
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0));
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0));
    min-width: 1490px;
}

@media(max-width:767px){
  #case-study .user_flow-image {
    width:1440px;
  }
}

}