Image scaling issue and custom CSS


I’m having a scaling issue with images so thought I’d try to use my remaining sanity to ask for a solution on here.

Basically, in the Elementor preview everything is fine but on the live page the images are distorted.

I have this code when I inspect element:

***<img class=”thumparallax” decoding=”async” src=”image url – edited here” style=”transform: translate3d(0px, -9px, 0px) scale(1.3); will-change: transform; transition: transform 1s cubic-bezier(0, 0, 0, 1) 0s;”>***

When I change the scale to 1 instead of 1.3 everything is fine with the inspect element preview but how do I write custom CSS that forces it to be ‘1’ all the time? Nothing I’ve tried (yet) has worked.

Does anybody have any ideas?

Thanks so much either way! 🙂


This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer