Struggling with hover zoom effects that used to work

The following code used to work on my website before but after changing the media some of the other non-related code was using they stopped working, even after going back a few steps they just did not want to work again. It is the zoom effect for the first background image and the zoom effect for the 2 image buttons below it on the home page.  Here is the code that stopped working, any help is appreciated. 

// Image zoom effect // 
.sqs-block-image.design-layout-inline:hover img {transform: scale(1.2); transition: 1s
}
// Zoom In Hover Background Image //

section[data-section-id="640ff1ec9bea1872c0bc0939"] .section-background img {
  transform: scale(2) !important;
  transition: all ease-in-out 1.5s !important;
}

section[data-section-id="640ff1ec9bea1872c0bc0939"]:hover .section-background img {
  transform: scale(1.2) !important;
  transition: all ease-in-out 1.5s !important;
}

What is your site url?