<!-- An image constrained to a fixed size -->
<script lang="ts">
  export let src: string;
</script>

<div
  class="flex flex-col items-center justify-center w-60 h-60 bg-base-content/10 flex-shrink-0"
>
  <img class="w-full" {src} alt="" crossorigin="anonymous" on:load />
</div>
