Html 定位img和背景

一、 我正在寻找解决方案，将图像放在屏幕上，试图将容器放在div class=col中，并放置所有内容，但即使是相对位置，也不起作用。一、 我使用bootstrap5，SCSS

<div class="col-md-3">
                <div class="imgs">
                <img class="obraz1" src="images/content/obraz1.jpg" alt="obrazek1">
                <img class="sign2" src="images/content/sign2.png" alt="znak1">
                <img class="obraz2" src="images/content/obraz2.jpg" alt="obrazek2">
                <img class="sign1" src="images/content/sign1.png" alt="znak2">
                </div>
            </div>

---

有什么想法吗？

根据您提供的设计，您需要使用额外的CSS样式将符号放置在这些确切位置

看，关于如何做的文章

此外，您还需要设置不同的

z-index

值，以便将图像一个叠在另一个上

---

请参阅MDN Web文档上的z-index的代码。

您至少可以自己编写代码。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果您仍然有问题，请返回您的代码并解释您尝试了什么。是否添加一些代码示例？