Images not showing on Live Website

Do u have jetpack? Turn lazy loading off. Or disconnect other image related plugin. Flush cache. See if that works. It is usually caused when images are served from some third party plugin or service.

You have this bit of CSS which renders the images invisible:

.lazyload {
    opacity: 0;
}

So add this to your custom CSS:

.lazyload {
    opacity: 1;
}

To add or override CSS: use the “Additional CSS” option in the customizer.? https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.