Single Page background image resize for mobile

Hello!

The following page looks ok on desktop but get cropped on mobile, could anyone help me figure out the code to apply only to this page so the background image doesn't stretch on mobile?

https://davidrealestate.ca/propertysearch?boardId=270&boundaryWKT=POLYGON((-79.39869853442333 43.67769788934234%2C-79.3901154655758 43.67769788934234%2C-79.3901154655758 43.673042020349186%2C-79.39869853442333 43.673042020349186%2C-79.39869853442333 43.67769788934234))&bedrooms=0&bathCount=0&propertyType=SFR,CND&status=active&sort=priceDesc&dateRange=0

Much appreciated!

Add to Design > Custom CSS

@media screen and (max-width:767px) {
body#collection-638a29adc300526ca7f0384d .Parallax-item figure img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}
}