---
import { Image } from 'astro:assets';

import Headshot from '../images/home/headshot.jpg';
---

<div>
  <Image src={Headshot} alt="Headshot of me" />
  <p>
    I'm <strong>Sam</strong>. I'm a software engineer based in Lancashire.
  </p>
</div>

<style>
  div {
    align-items: center;
    display: flex;
  }

  img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    display: block;
    margin-right: 20px;
  }

  p {
    font-size: 1.125rem;
  }
</style>
