Transparent Card Background on Banner Slideshow

I'm trying to use this code to make the card on the home page banner slideshow transparent and slightly frosted. I've pasted this code into the Custom CSS but no luck. It would be great if anyone could help.

section[data-section-id="645cd23eee3c4a7933655414"] .list-item{
background: inherit!important;
background-color: rgba(255, 255, 255, .3)!important;
backdrop-filter: blur(5px)!important;
}

Site is https://vanilla-snail-g56h.squarespace.com/

Password for the site is AirR0aster23

Thanks in advance.

Thanks for your help @tuanphan. That worked!