Carousel items not vertically centered when put in the page footer

Hi,

You recently gave me some CSS to vertically center carousel items as on this page: https://www.brooklinechamber.com/about-us/annual-sponsors/

That is working great; however, when I insert this page into the footer widget using this code: [insert page=’annual-sponsors’ display=’content’] the carousel items are no longer vertically centered, as on this page: https://www.brooklinechamber.com/parking-transportation/

Any help appreciated.