<template>
  <div class="HomeImages">
    <img alt="cover-image" src="/images/cover-1.jpg">
    <img alt="cover-image" src="/images/cover-2.jpg">
  </div>
</template>

<script>
export default {
  name: "HomeImages"
}
</script>

<style scoped>
.HomeImages {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}
img {
  flex-grow: 1;
  max-width: 20rem !important;
  margin: 1rem;
  border-radius: .25rem;
}
</style>