*Expected behavior*Previously in version 4 when a user scrolled down the page the navbar shrunk by using the css tag scrolling-navbar on the nav

link: https://mdbootstrap.com/docs/b4/jquery/navigation/navbar/

Quote from page: "By adding .scrolling-navbar class to your fixed-top navbar, you can give it a smooth animation when scrolling."

*Actual behavior*All else remaining constant, the same behavior is not happening since upgrading to MDB5HTML snippet

css property.navbar.scrolling-navbar { padding-top: 12px; padding-bottom: 12px; -webkit-transition: background 0.5s ease-in-out,padding 0.5s ease-in-out; transition: background 0.5s ease-in-out,padding 0.5s ease-in-out;}

I even copied the demo code located here: https://mdbootstrap.com/snippets/jquery/mdbootstrap/102480 that still works to my website and it does not work on version 5

Snippet of NOT working nav bar scrolling: https://mdbootstrap.com/snippets/standard/joannarom/2872836#css-tab-view

I have changed ALL references for $enable-reduced-motion: false !default; to false as you can see since by default they are true and still nothing.

Not sure at this point what I am missing.