<script lang="ts">
    import NamePlate from "./NamePlate.svelte";
    import selfie from "$lib/zhen/cv-comps/MoreProfesionalMe.jpg"
</script>

<div class="nameAndImageContainer">
    <NamePlate/>
    <img src={selfie} class="selfie-constraints" alt="Zhentao Wei"/>
</div>

<style>
    .nameAndImageContainer {
        display: grid;
        place-items: center;
    }

    .selfie-constraints{
        padding-top: 2.5mm;
        
        max-width: 65%;
        border-radius: 5mm;

        filter: drop-shadow(1mm 1mm 1mm #0000009d);
    }
</style>