EmployeeCard.tsx

<div className="container">
        <h2>Card Image</h2>
        <p>Image at the top (card-img-top):</p>
        <div className="card">
          <img className="card-img-top" src="https://www.w3schools.com/bootstrap4/img_avatar1.png" alt="Card image" />
          <div className="card-body">
            <h4 className="card-title">John Doe</h4>
            <p className="card-text">Some example text some example text. John Doe is an architect and engineer</p>
            <a href="#" className="btn btn-primary">See Profile</a>
          </div>
        </div>
        <br/>

          <p>Image at the bottom (card-img-bottom):</p>
          <div className="card" >
            <div className="card-body">
              <h4 className="card-title">Jane Doe</h4>
              <p className="card-text">Some example text some example text. Jane Doe is an architect and engineer</p>
              <a href="#" className="btn btn-primary">See Profile</a>
            </div>
            <img className="card-img-bottom" src="https://www.w3schools.com/bootstrap4/img_avatar6.png" alt="Card image" />
          </div>
      </div>