使用CSS按比例缩放图像的一部分

Question

我有一个无法控制的大图像。我想放大图像的特定部分并相应地缩放该部分。像这样

原始图像（概述了所需的作物）

所需显示

或

理想情况下，我只想针对所需的裁剪部分执行类似this fiddle的操作。

AUTOCOMMIT DDL

似乎类似的事情应该可以实现 img { max-width: 100vw; height:auto; width:auto; max-height:100vh; } 但是，calc似乎无法输出％（百分比）。