How can I give the pseudo-element an image name and apply it?

Question

Vue.js

There is this code:

<div class="card" v-for="(card, index) in offers" :key="index">
            <div class="cwrap">
              <img :src="require(`@/assets/${card.title}.svg`)" alt="" />
              <b>{{ card.title }}</b>
              <p>{{ card.description }}</p>
            </div>
          </div>

and such styles (pseudo-element):

&::before {
    position: absolute;
    content: "";
    background-image: ; // как передать?
    width: 100%;
    height: 100%;
  }

How can I pass an image name to css and end up with something like this:
../assets/Имя.svg?