landing page imagery too large

Site URL: https://www.candacechestnut.com

Trying to figure out why my hover images are appearing so large on the landing page. Reduced the size of the originals and replaced but to no avail. They appear fine on the mobile view but are huge and cut off on the desktop. Also affecting the social images..:(

Try adding this to Design > Custom CSS

.portfolio-hover-bg-img img {
    object-fit: contain !important;
}

I have exactly the same problem. When I display the landing page on sqaurespace itself, everything looks ok. If I visit my website via a web browser without using my squarespace account the Landing page image is way too big. I have also tried resizing the image, made no difference. I asked friends to view my page and it always looks too big for them also.

I did try your code tuanphan, did not make a difference unfortunately.

Any help, solutions or advice would be appreciated.

On 4/10/2023 at 12:35 AM, CMA said:

I have exactly the same problem. When I display the landing page on sqaurespace itself, everything looks ok. If I visit my website via a web browser without using my squarespace account the Landing page image is way too big. I have also tried resizing the image, made no difference. I asked friends to view my page and it always looks too big for them also.

I did try your code tuanphan, did not make a difference unfortunately.

Any help, solutions or advice would be appreciated.

Can you share link to your site?