<template>
    <div class="p-[22px] shadowing rounded-[38px] flex-1">
        <img
            class="w-[120px] border-[3px] border-blue-300 h-[120px] rounded-[16px] mb-[10px] object-cover no-magnify"
            :src="founder.photo_url"
            alt=""
        />
        <span
            class="leading-[16.94px] h-[20px] text-[14px] font-medium font-Inter"
            >{{ `${founder["position_" + $i18n.locale]}` }}</span
        ><br />
        <span
            class="leading-[21.78px] h-[21px] text-[18px] text-blue-300 font-semibold font-Inter"
            >{{ `${founder["name_" + $i18n.locale]}` }}</span
        ><br />
        <span
            class="leading-[19.36px] h-[152px] text-black-300 text-[16px] font-normal font-Inter"
            >{{ `${founder["description_" + $i18n.locale]}` }}</span
        >
    </div>
</template>
<script>
export default {
    props: ["founder"],
};
</script>
