---
const {title, subtitle, image} = Astro.props;
---

<div data-inview class="flex flex-col items-center w-[40vw] my-[10%] in-view:animate-fade-down">
    <p class="text-ieee-yellow text-[1.2vw]">
        {subtitle}
    </p>
    <p class="text-white text-[2.5vw] my-[2%]">
        {title}
    </p>
    <img src={image} alt="Office hours" class="object-cover aspect-[620/408] w-[90%] rounded-[2vw]" />
</div>