Styling the scroll-bar with CSS; code not doing anything?

Design help General
1

Hello,

Trying to play around with how scroll-bars look (some elements on my site overflow and automatically display a vertical scrollbar).

I added the following code into my page’s custom code head section, but it’s not doing anything. Currently testing it on the 4th block of the ‘services’ section.

Thanks,
N

<style>
::-webkit-scrollbar {
	width: 8px;
	background-color: #F5F5F5;
}

/**  STYLE 2 */
#style-2::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929;
}

#style-2::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

</style>

Here is my site Read-Only: Webflow - the lacuna co.