Not sure if this is an issue and idea or just me being stupid (which is most likely), I'm trying to pass the "defer offscreen images" test on the google lighthouse, I'm using the next/Image component with Bootstrap Carousel at the top of my page. I have tried setting the priority to true on the first image and then the rest with false, and what I've found is that the first image will load but then the carousel won't rotate the images, I have to click for the next image to show and then it will load the next image, and do the same till I click for the rest and then it will rotate.

the only way I know of to keep the functionality of the carousel is to set all the image priorities to true but then google will fail me on the defer images test, just wondering if anyone knows if there is a way around it or a setting that I'm missing?