<template>
  <section class="AiDvBackground" :style="{opacity:alpha}">
    <img class="bgImage" :src="src"/>
  </section>
</template>

<script>
export default {
  name: "AiDvBackground",
  props: {
    src: String,
    alpha: {default: 1}
  }
}
</script>

<style lang="scss" scoped>
.AiDvBackground {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  pointer-events: none;
  //z-index: -1;

  .bgImage {
    width: 100%;
    height: 100%;
  }
}
</style>
