Sticky header reducing in size during scroll

How To
1

Hello,

I would like the size of the header to reduce in size when scrolling. In elementor, it required some specific CSS code, but I cannot replicate in Bricks. Can anyone help ?

Thanks

Philippe

2
3

This is the custom css code I was using in Elementor. Would be great if someone could help adapt it to bricks.

.logo img {
max-width: 150px;
height: auto;
transition: all 0.5s ease;
}

.elementor-sticky--effects .logo img {
max-width: 100px;
height: auto;
}

Thanks
Philippe

4 
.logo img {
max-width: 150px;
height: auto;
transition: all 0.5s ease;
}

.scrolling .logo img {
max-width: 100px;
height: auto;
}