Carousel Image Gallery appearing Off Center on Desktop

Site URL: https://tulip-ranunculus-xc8d.squarespace.com/destinations

For some reason the image gallery I have set as a carousel on the page https://tulip-ranunculus-xc8d.squarespace.com/destinations will not center. I've tried a few CSS edits but none are working. 

Someone please help!

https://tulip-ranunculus-xc8d.squarespace.com/destinations

Password: "SuperTrip"

Thanks HoaLT, 

   That did the trick! 

Do you happen to know how to make the carousel images bigger on mobile?

6 hours ago, Dhowbearcat said:

Thanks HoaLT, 

   That did the trick! 

Do you happen to know how to make the carousel images bigger on mobile?

You can add configuration in Design > Custom Css

@media only screen and (max-width: 768px) {
	#block-yui_3_17_2_1_1632362346311_3023 .sqs-block-content, #block-yui_3_17_2_1_1632362655894_2919 .sqs-block-content {
    	height: 100px;
	}
}

Here is the result

6 hours ago, HoaLT said:

You can add configuration in Design > Custom Css

@media only screen and (max-width: 768px) {
	#block-yui_3_17_2_1_1632362346311_3023 .sqs-block-content, #block-yui_3_17_2_1_1632362655894_2919 .sqs-block-content {
    	height: 100px;
	}
}

 

This worked as well! Thanks HoaLT.