<script setup lang="ts"></script>

<template>
  <div>
    <div class="shadow"></div>
    <div class="belt-block">
    <slot></slot>
  </div>
  </div>
</template>

<style scoped>
.belt-block {
  height: 100%;
  background-image: url("@/assets/belt_mini.png");
  background-size: cover;
  position: relative;
}

.shadow {
  height: 10px;
  width: 120%;
  left: -10%;
  position: absolute;
  bottom: 5px;
  background-color: black;
  box-shadow: 0px 5px 10px black;
}
</style>
