Why does my image banner glitch before loading?

Store Design
1

I have an issue with my image banner when loading it sometimes shows this on the image banner (both left and right sides) and then disappears can you pls assist as its quite annoying. thanks

IMG_5738.jpg
IMG_5738.jpg1518×2177 229 KB

@oscprofessional

2

@lslelegance ,

Share the page URL where is it coming?

3

@oscprofessional

https://lslelegance.com in the image banner home page only (it is not always popping but if try few refresh u will see it every now and then) thanks

4

is coming after I added this this code:

.multicolumn-list.slider {
position: relative;
flex-wrap: inherit;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scroll-padding-left: 1.5rem;
-webkit-overflow-scrolling: touch;
margin-bottom: 1rem;
}
.multicolumn .slider-buttons {
display: flex!important;
}
.slider-buttons.no-js-hidden.medium-hide {
display: none;
}
.multicolumn .slider-button {
position: absolute;
top: 30%;
z-index: 999;
}
.multicolumn .slider-button .icon {
height: 2rem;
}
.multicolumn .slider-counter{
display: none !important;
}
.multicolumn .slider-button–prev {
left: 0;
scroll-behavior: smooth;
}
.multicolumn .slider-button–next {
right: 0;
scroll-behavior: smooth;

}