Fixed image import.

public/assets/shapes.svg

@@ -1 +0,0 @@
-<svg width="350" height="140" xmlns="http://www.w3.org/2000/svg" style="background:#f6f7f9"><g fill="none" fill-rule="evenodd"><path fill="#F04141" style="mix-blend-mode:multiply" d="M61.905-34.23l96.194 54.51-66.982 54.512L22 34.887z"/><circle fill="#10DC60" style="mix-blend-mode:multiply" cx="155.5" cy="135.5" r="57.5"/><path fill="#3880FF" style="mix-blend-mode:multiply" d="M208.538 9.513l84.417 15.392L223.93 93.93z"/><path fill="#FFCE00" style="mix-blend-mode:multiply" d="M268.625 106.557l46.332-26.75 46.332 26.75v53.5l-46.332 26.75-46.332-26.75z"/><circle fill="#7044FF" style="mix-blend-mode:multiply" cx="299.5" cy="9.5" r="38.5"/><rect fill="#11D3EA" style="mix-blend-mode:multiply" transform="rotate(-60 148.47 37.886)" x="143.372" y="-7.056" width="10.196" height="89.884" rx="5.098"/><path d="M-25.389 74.253l84.86 8.107c5.498.525 9.53 5.407 9.004 10.905a10 10 0 0 1-.057.477l-12.36 85.671a10.002 10.002 0 0 1-11.634 8.42l-86.351-15.226c-5.44-.959-9.07-6.145-8.112-11.584l13.851-78.551a10 10 0 0 1 10.799-8.219z" fill="#7044FF" style="mix-blend-mode:multiply"/><circle fill="#0CD1E8" style="mix-blend-mode:multiply" cx="273.5" cy="106.5" r="20.5"/></g></svg>

src/data/Capsule.json

@@ -3,7 +3,7 @@
         "id": 0,
         "title": "Grandes deportistas puertorriqueños",
         "content": "<p>Uno de los aspectos culturales por los que Puerto Rico más se destaca en el mundo es por el deporte, además de por nuestra admiración y entusiasmo por los logros de nuestros deportistas de todas las disciplinas.</p> <p>Cuando los nuestros logran grandes triunfos —ya sea individualmente, como parte de un equipo o como parte de una selección boricua en un evento internacional— seguimos sus hazañas y las celebramos con ellos.</p> <p>Aquí presentamos a tres grandes de nuestro deporte: la estrella del béisbol de Grandes Ligas, Roberto Clemente; la gran atleta de pista y campo Rebekah Colberg; y Germán Rieckehoff Sampayo, un incansable líder deportivo que luchó por el desarrollo de nuestros atletas y por nuestro derecho a participar en competencias a nivel internacional.</p> <p>¡Conócelos!</p>",
-        "photo": "../assets/BombaPuertorriquena.jpg",
+        "photo": "assets/images/BombaPuertorriquena.jpg",
         "bioName1": "Roberto Clemente",
         "bioId1": 1,
         "bioPic1": "../assets/RobertoClemente.jpg",

src/pages/Capsule.tsx

@@ -52,7 +52,7 @@ const Capsule: React.FC = () => {
             <IonContent fullscreen className="ion-padding">
                 {capinfo ? (
                     <>
-                        <IonImg style={{ height: 300, width: 600 }} src={capinfo.photo} alt='Logo'></IonImg>
+                        <IonImg style={{ height: 300, width: 600 }} src={`${capinfo.photo}`} alt='Imagen'></IonImg>
                         <h1>{capinfo.title}</h1>
 
                         <p dangerouslySetInnerHTML={{ __html: capinfo.content }}></p>