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

import portrait from '../assets/portrait.jpg';

interface Props {
	size: number;
}

const { size } = Astro.props;
---

<Image
	src={portrait}
	alt="Illustrated portrait of a person with glasses and a beard, wearing a red and black plaid shirt. The background is a solid green color."
	class="portrait"
	width={`${size}`}
	height={`${size}`}
/>

<style>
	.portrait {
		display: block;
		margin: auto;
		border-radius: 200px;
	}
	a > svg {
		transform: translateY(0.18rem);
	}
</style>
