У меня есть картинка фоновая и картинка которую мне нужно наложить на фон. Я не могу понять как мне это можно сделать, я использую tailwind css.
Получается нужно наложить на картинку с классом
bg-screen картинку с классом
first-img-1.
Компонент
<template>
<div class="v-manufacturers font-montserrat">
<h2
class="inline-flex border-lime border-b-3 font-montserrat font-semibold text-white text-3xl mb-6"
>
Производители
</h2>
<div class="manufacturers-item flex">
<div class="first-img ">
<img
class="bg-screen"
src="@/assets\images\manufactures/screen.png"
alt="screen"
/>
<img
class="first-img-1 "
src="@/assets\images\manufactures\1.png"
alt="first"
/>
</div>
<div class="second-img ">
<img
class="bg-screen"
src="@/assets\images\manufactures/screen.png"
alt="screen"
/>
</div>
<div class="third-img">
<img
class="bg-screen"
src="@/assets\images\manufactures/screen.png"
alt="screen"
/>
</div>
<div class="fourth-img">
<img
class="bg-screen"
src="@/assets\images\manufactures/screen.png"
alt="screen"
/>
</div>
</div>
</div>
</template>
<script>
export default {
name: "v-manufacturers",
};
</script>
<style lang="scss" scoped>
</style>