<template>
  <img class="logo max-w-md" :src="imgSrc" alt="golem">
</template>

<script>
export default {
  name: 'Logo',
  props: ['imgSrc']
}
</script>

<style>
.logo {
  animation: 2s appear;
  margin: auto;
}

@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
</style>
