Different CSS for different types of summary blocks

Site URL: https://gecko-maracas-par5.squarespace.com/

I added some CSS to a carousel summary block on my main page displaying blog posts to style the titles of each article.  However, when I added a list summary block on another page, those stylings were also applied to it.  I want to differentiate the designations in the custom CSS tabs but have not been able to figure out the right class name for a carousel block element; adding any class name I copy out of the developer console to the css ruleset seems to break it entirely.  I can add that element's ID and it seems to fix things, but when I refresh the page the CSS will break because the element appears to receive a new ID every time the page loads.  Does anyone know how to add styling that only applies to summary blocks that are set to the carousel layout?  Please and thank you.

don't use #yui_

use #block-yui..