I am building a portfolio site with react js but the photo I am trying to use is not showing up on the web. I cant seem to find the errors so please help me figure out what I could be doing wrong

Here is the code where the image is contained

import Logo from '../../assets/fts_black.png'

const Header = () => {
  return (
    <header>
      <div className="container header__container">
        <div className="me">
          <img src={Logo} alt="Logo" />
    </header>
  )
}

export default Header

This is the css code for the image

.me{
    background: var(--color-primary);
    width: 22rem;
    height: 30rem;
    position: absolute;
    left: calc(50% - 11rem);
    margin-top: 4rem;
    border-radius: 12rem 12rem 0 0;
    overflow: hidden;
    padding: 5rem 1.5rem 1.5rem 1.5rem;
}

The styling is working just fine but the photo just doesnt want to show up. Please help