Fixed scroll on smaller viewports

[ItzTJSV2]

Should hopefully be able to close #214.

Just changed how items were being arranged via centering and adding some minor padding to ensure it looks the same.

[Lordfirespeed]

The padding changes lead to text flowing behind the carousel controls on mobile

I do prefer the text taking up more of the screen's width. Maybe on mobile devices we should style the carousel controls to be less intrusive; maybe semicircles at edges of screen...

[ItzTJSV2]

Check new commit, readded size-full and removed paddings in favour of margins in the inner-element. Fixed the bottom padding issue with an included padded div below. Semi-circle change to do

[ItzTJSV2]

Aligned the buttons to hit the edge of the screen while making the text allowed to go wider. Meant to be done with changes to web-components' "carousel-previous" and "carousel-next" to be "absolute h-8 w-4 rounded-r-full" and "absolute h-8 w-4 rounded-l-full" respective.

Although, based off my testing this may make the circles rather small on smaller/tighter mobile screens.