In this section of HTML i inserted elements with JavaScript
<div id="carousel-container" class="carousel-box">
</div>
I added styles to the elements i inserted and for some reason the pointer I wanted to use with the images didnt show up, in some of the images it does show up, in others the pointer only changes when you hover on the lower half of it, opposed to changing when you hover on any part of the image as intended.
.carousel-box{
overflow: hidden;
display: flex;
cursor: pointer;
width: 80%;
margin: 0 auto;
}
Try adding cursor styles to the images, not on the div
.carousel-box{
overflow: hidden;
display: flex;
width: 80%;
margin: 0 auto;
}
.images {
cursor: pointer;
}