Center Align Product Block + Mobile Optimization

Site URL: https://www.thetoothbible.com/smile-shop

Please help. I am trying to center align the products on this page. They are all left aligned. I am a BEGINNER to squarespace, so please help in layperson's terms.

Also - is there a way to adjust mobile so that all items are not stacked one by one. I'd rather have them smaller and display more in a row, rather than having to scroll to see each individual product. Is there anyway to make mobile a carousel design, but not have it be that way on desktop?

Thank you!!

You can try this code to Website Tools > Custom CSS for Baby Section. If it works, you can let me know all sections you want to do similar, I will check & give code for all.

@media screen and (min-width:768px) {
	.user-items-list-item-container[data-section-id="65b0089cecda655d2ff206e0"] li {
    position: relative;
    left: calc(~"200% + 20px");
}
}