容器内的图像会填满右侧的所有空间

Question

例如，我的窗口屏幕的宽度为1920px，我的容器流体的宽度为1370px，容器流体位于1920px的中心，因此左侧和行驶侧都有一定的空间。

现在我有一个图像（宽度：100％；）位于容器流体内部，因此其填充了1370px。但是我想要的是图像会填满右侧的所有空间，包括容器液中的空间。

只有HTML和一些CSS可行吗？

我可以用一些jQuery修复它，但是我宁愿不使用它，以免在加载图像时产生跳跃效果。因为jQuery比CSS花费的时间更长。

非常感谢！！

Example

HTML：

<img src="https://web-trend.nl/example.png" alt="" class="header__image">

jQuery：

spaceLeft();
function spaceLeft() {
   var spaceLeft = jQuery('.container-fluid').css('margin-left');
   jQuery('.header--image .header__image').css('padding-left', parseInt(spaceLeft) + 15 + 'px');
}
jQuery(window).on('resize', spaceLeft);