<template>
  <div class="center-img-box">
    <div class="bg">
      <img class="text-img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/Golden%20Koi%20Club.png" alt="">
    </div>
    <img class="icon right" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/-s-eye_glow_l02.png" alt="">
    <img class="icon left" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/-s-eye_glow_r02.png" alt="">
  </div>
</template>

<script>
export default {
  data() {
    return {
    }
  },
}
</script>

<style lang="scss" scoped>
.center-img-box {
  position: relative;
  .bg {
    background-image: url(https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/ic_group.png);
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    overflow: auto;
    .text-img {
      height: 57px;
      display: block;
      margin: auto;
      margin-top: 8px;
    }
  }
  .icon {
    position: absolute;
    height: 60px;
    top: 0;
    &.left {
      left: 0;
    }
    &.right {
      right: 0;
    }
  }
}

</style>
