Currently, I am trying to implement a feature where I need to display a notification dropdown on top of a carousel. To achieve this, I am utilizing the z-index property in my code. The challenge is that I have separate CSS files for the notification dropdown and the carousel.
I have assigned a higher z-index value for the notification dropdown and a lower one for the carousel in their respective CSS files. My concern is whether the z-index property will function correctly in this scenario with the separate CSS files for each component.