Help with dynamic images in Reactjs

Question

> My code is returning the string value in the console, but does not return the image even though the path is right in the scr. I do not know what my mistake.I ask for help I am new in language. below is my code:

import React from 'react';
import '../../App.css';
import Servico from './servico';
import Card from 'react-bootstrap/Card';
import CardDeck from 'react-bootstrap/CardDeck';

function ServicesList() {

  return (
   <div>
           {Servico.Servico.map((servicoDetail,)=>{
               return <div key={servicoDetail.Posicao}>
               <CardDeck>
                 <Card>
                   
                 <Card.Img variant="top" src={servicoDetail.Imagem} alt={servicoDetail.Imagem} />
                 <Card.Body>
                 <Card.Title>{servicoDetail.Titulo}</Card.Title>
                 <Card.Subtitle className="mb-2 text-muted">{servicoDetail.Subtitulo}</Card.Subtitle>
                 <Card.Text>
                   This is a wider card with supporting text below as a natural lead-in to
                   additional content. This content is a little bit longer.
                 </Card.Text>
                 </Card.Body>
                  
                </Card>
              </CardDeck>
</div>

           })}
    </div>
      );
}

export default ServicesList;