Images not loading on page but visible in cornerstone

[JT_Cerakote]

Morning,

I have loaded a gravity form into a column. The form is working fine except that the images I have put into the form are not displaying on the page. I do see them in cornerstone. Also, I am trying to use the hover style to enlarge the picture when moused over or clicked on in mobile.
My image load into the form is:

img src= "https://jtcerakote.com/wp-content/uploads/2019/09/GRAPHITE-BLACK.jpg" height="50px" width="50px" border-radius: 50% class="enlarge-onhover"

I have added this to the css on the page:

/**** image hover style ***/

#
#gform_1 .gfield .enlarge-onhover :{
    position:relative;
    top:-25px;
    left:-35px;
    width:500px;
    height:auto;
    display:block;
    z-index:999;
}

The page is:

https://jtcerakote.com/x/#/content/932

The rest of the form loads with ease, images are the only issue.

Thank you in advance, I know you all work very hard to help us.

[Prasant]

Hello Stephanie,

Thanks for writing in!

I checked the website and can see that the problem is coming because of Jetpack plugin and possibly because of lazy load feature that’s activated. I deactivated Jetpack and the images are loading fine on front end too. I suggest you to disable lazy load feature of Jetpack and test the case again.

Lazy Images

Thanks.