Make this loop scroll

How To
1

Hi ,
I don’t know if this is the right method but my problem seems simple and I would like to explore the best recommended methods .
I have a simple loop with images and text
image
I would like to create this as shown in my figma prototype

image
image1082×872 19.4 KB

to ensure that the loop is in scroll mode in tablet / mobile
i put this css and class .scrollable-div

image
image565×688 46.1 KB

do you think this is good practice?
do you have another technique?

My result
image

2

I think I would simply use a slider.

3 
.scrollable-div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.scrollable-div > * {
   flex-basis: 60%;
   flex-shrink: 0;
}

replace 60% with whatever width you need.