如何使图像对象具有响应性？

Question

我有一个要在轮播中使用的图像。该图像虽然是响应式的，但问题是该图像内部有一些难以响应的对象。您可以看到下图：

整个图像具有响应性，但是文本和该图像中的2个小图像很难响应。在移动版本的网站上，照片由于该图像中的那些对象而变得太拉伸。 我使用了object-fit：css的fill属性，但对我没有用。 是否有任何方法或技术也可以使用html或bootstrap或css使它们响应？

这是上图的移动版本： 您可以在图像内部看到，内部图像没有响应，无法被拉伸。