Fixed Carousel Formatting on Homepage

[Kwestman1]

Resolves:

front page sections show two rows when you click next multiple times #9253

Changes:

Fixed carousel formatting on homepage. The issue was that, given the "padding-right", originally set to 30 px, on the individual images, the box would spill over into the next slide and push the last image to the front of the carousel. I changed the padding to be 24 px so that all 5 images appear on a given slide.

Test Coverage:

Testing: running npm test

Locally: running npm start

Before change -->

Issue seen here, once you click to the next slide, the last image doesn't appear until you click back to the beginning slide

After Change -->

[github-actions]

All contributors have signed the CLA ✍️ ✅
_{Posted by the CLA Assistant Lite bot.}

[Kwestman1]

I have read the CLA Document and I hereby sign the CLA

[DDCcarr1]

Seems about good. Fairly simple fix.

[Kwestman1]

Seems about good. Fairly simple fix.

Can I request that a maintainer looks at this? To approve the workflow.