CSS to Force Carousel CK BEHIND Menu

We are a happy user of Carousel CK for some time now.

We are currently in the process of moving the website to another Template.
We looked at a whole range of different templates and I am not sure for all of them but certainly templates from the Gantry 5 family ( gantry.org/downloads ) and templates from the Helix Ultimate family ( www.joomshaper.com/joomla-templates/helixultimate ) have an undesired effect with Carousel CK:
I.E. the menu from these templates disappears BEHIND Carousel CK.
In other words the menu is obscured (hidden) by Carousel CK.

I must say I am not an CSS expert, but I think this is caused by the way in which the z-index property is used in Carousel CK.
It took me some time, but I found a solution to this problem using Custom CSS as follows:
/* Force Carousel CK BEHIND Menu */
.carouselck_wrap {
font-size: 18px; /* Text was too big*/
line-height: 20px;
z-index: 0; /* This forces Carousel CK BEHIND Menu*/
}
I hope this helps for some other users as well
Best Regards

Hi
thank you for sharing !
CEd