···

       
29
       
29
       
 
       
        font-size: 1.2rem;

     

       
30
       
30
       
 
       
    }

     

       
31
       
31
       
 
       


     

       
32
       
32
       
-
       
    & > picture {

     

       
32
       
32
       
+
       
    & > picture,

     

       
33
       
33
       
+
       
    & > img {

     

       
33
       
34
       
 
       
        grid-area: img;

     

       
34
       
35
       
 
       
        align-self: center;

     

       
35
       
36
       
 
       
        justify-self: center;

     

···

       
2
       
2
       
 
       
import Layout from "@/layouts/Layout.astro";

     

       
3
       
3
       
 
       
import "@/assets/styles/projects/karr.css";

     

       
4
       
4
       
 
       
import { Icon } from "astro-icon/components";

     

       
5
       
5
       
+
       
import { Image } from "astro:assets";

     

       
5
       
6
       
 
       


     

       
6
       
7
       
 
       
import karrJpg from "@/assets/img/karr_demo.jpg";

     

       
7
       
8
       
 
       
import karrWebp from "@/assets/img/karr_demo.webp";

     
···

       
20
       
21
       
 
       


     

       
21
       
22
       
 
       
        <p class="subtitle">Federated carpool platform for companies</p>

     

       
22
       
23
       
 
       


     

       
23
       
23
       
-
       
        <picture style="view-transition-name: karr-img">

     

       
24
       
24
       
+
       
        <!-- <picture style="view-transition-name: karr-img">

     

       
24
       
25
       
 
       
            <source srcset={karrWebp.src} type="image/webp" />

     

       
25
       
26
       
 
       
            <img src={karrJpg.src} alt="Karr" />

     

       
26
       
26
       
-
       
        </picture>

     

       
27
       
27
       
+
       
        </picture> -->

     

       
28
       
28
       
+
       


     

       
29
       
29
       
+
       
        <Image

     

       
30
       
30
       
+
       
            src={karrJpg}

     

       
31
       
31
       
+
       
            alt="Karr"

     

       
32
       
32
       
+
       
            style="view-transition-name: karr-img"

     

       
33
       
33
       
+
       
        />

     

       
27
       
34
       
 
       


     

       
28
       
35
       
 
       
        <p class="description">

     

       
29
       
36
       
 
       
            This entrepreneurial project was carried out for 5 months with