<template>
  <v-container fluid class="ma-0 pa-0 full-screen d-flex">
    <img
      src="../assets/images/BG_04.jpg"
      class="d-flex align-end ma-0 pa-0 background-image"
    />
  </v-container>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
@import "~vuetify/src/styles/styles.sass";

.full-screen {
  height: calc(100vh - 64px);
}

.background-image {
  position: absolute;
  height: calc(100vh);
  // width: calc(100wh);
  @media #{map-get($display-breakpoints, 'md-and-up')} {
    top: -64px;
    object-fit: cover;
  }
  @media #{map-get($display-breakpoints, 'sm-and-down')} {
    top: -56px;
  }
}
</style>
