Is it possible to add an Empty Story with a plus(+) icon

[Obe Promise]

I want to add an empty Story item with the plus (+) icon so that the current user can add his own story.
<div className="card d-block border-0 shadow-none rounded-circle bg-dark overflow-hidden mb-3 mt-3" style={{width: "18vw", maxWidth:"90px", margin: "0 6px", verticalAlign: "top"}} > <div className="card-body d-block p-3 w-100 position-absolute bottom-0 text-center"> <a href="#"> <span className="btn-round-lg bg-white"> <i className="feather-plus"></i> </span> <div className="clearfix"></div> <h6 className="fw-700 position-relative z-index-1 ls-1 font-xssss text-white mt-2 mb-1"> Add Story{" "} </h6> </a> </div> </div> <div className="storiesWrapper" id="stories" ref={storiesEl}></div>

Tried implementing it this way, but only the story from zuck.js scrolls. How can i get both to scroll at the same time?

Something like this

Gotten to this stage, but still can't get both to scroll at the same time.

[Obe Promise]

Finally guys, I've fixed it!!!!