Wrong image focus on big grid sliders

Hi,
after 9.7 update image focus is totally messed up but only for some image types such as 741×486.
Can you help me please?

Hi Bogdan,
I’m referring to the weird crop focus I’m experiencing after 9.7 upgrade.
In short, before it was like this:
https://web.archive.org/web/20190122023354/https://italyze.me/

Now it’s this:
https://italyze.me/

So. Below 1200px (media queries?) is looking ok:
http://i67.tinypic.com/15me1bn.png

But as soon as I go beyond the threshold it goes messy:
http://i68.tinypic.com/11u9utc.png

I’ve disabled every plugin, cleaned caches (also rebooted apache), disabled Cloudflare and everything you could tell me to try before posting here.
Help?

Hi Simion,
thank you for your kind answer!
I’ve followed your advice to no avail since perspective:unset is already called in main.css but doing so I’ve found what’s the real problem.
It seems that td-composer is calling td_legacy_main.css which overrides main.css. I’ve tried to deregister and dequeue with this to no avail:


function dequeue_legacy_css() {
wp_dequeue_style('td_legacy_main');
wp_deregister_style('td_legacy_main');
}
//add_action('wp_enqueue_scripts','dequeue_my_css');
// add a priority if you need it
add_action('wp_enqueue_scripts','dequeue_my_css',100);


So now I’m making several manual overrides such as


.td-big-grid-post .td-module-thumb img {
max-width:100%!important;
}


I understand that you’ve got to implement the legacy files for those that have made heavy modifications to their themes but can you kindly implement a way to disable single legacy parts via theme panel (or functions.php) please?
Best,

– Luca

Oh by the way. I’d like to help out reporting mistypes in style.css such as a typo in row 446 “auto/9;” on img. How can I do that?

So now the full list of css mods is


.td-big-grid-post .td-module-thumb img {
max-width:100%!important;
}
.td_module_mx1 .td-module-thumb .entry-thumb {
max-width:100%!important;
}
img {
width:auto!important;
}

@media (max-width: 767px) {
.td_block_image_box .td-image-box-row {
margin:0!important;
}
}


Other couple quick fixes for post header image not working properly with different screen sizes

body .td-backstretch {
max-width:100%!important;
}
@media (min-width: 320px) and (max-width: 374px) {
body .td-backstretch {
max-width:190%!important;
}
}
@media (min-width: 375px) and (max-width: 410px) {
body .td-backstretch {
max-width:180%!important;
}
}
@media (min-width: 411px) and (max-width: 500px) {
body .td-backstretch {
max-width:150%!important;
}
}
.td-boxed-layout .td-container-wrap {
width:100%;
}