Recent problem with slider on my static front page

My website is www.oliverytang.com. I have a static front page and a slider with only one post in it. However, when I went to the site earlier today, I noticed that the feature image of the slider was no longer re-sizing to fit the page so the slider looked really off. Is there any way to fix this?
The problem is that I haven’t made any big changes to my site recently besides updating plugins. The only recent change I made to the theme was adding Custom CSS to the theme through the “Customize” option
@media (min-width: 1200px){ .main-content-area { width: 1250px; } } which was intended to resize the left and right margins of certain pages.

Thank you for you time and help!

Learn to check other topics…

https://colorlibsupport.com/t/slider-problem-on-mobile-devices/#post-60446

Hi @oliverytang,

I hope you are well today and thanks for posting here.

I tried to visit your shared site but getting the error message “Error establishing a database connection”.

It seems it is happening because of the Jetpack plugin so could you please try temporary deactivating it or its Photon module on your site if you are using it?

It seems this jetpack module is not updating the images stored on wp.com so to resolve the issue either disable this module or update the images on wp.com by contacting jetpack support team.

Best Regards,
Movin