import React from "react";
import "./Team-List.css";
import teambg from "./Img/teambg.png";
export default function TeamList({ img, title, text }) {
  return (
    <div className="">
      <div
        className="team-shadow p-2"
        style={{
          backgroundColor: "#240B6E",
          borderTopLeftRadius: "200px",
          borderTopRightRadius: "200px",
          borderBottomRightRadius: "150px",
          //   border: "1px solid green",
        }}
      >
        <div
          style={{
            borderTopLeftRadius: "200px",
            borderTopRightRadius: "200px",
            borderBottomRightRadius: "200px",
            backgroundImage: `url(${img})`,
            backgroundRepeat: "no-repeat",
            backgroundSize: "cover",
            height: "200px",
            backgroundPosition: "center",
          }}
        />
        <div style={{ color: "white" }}>
          <div
            className="pt-4"
            style={{ fontSize: "18px", fontFamily: "semibold" }}
          >
            {title}
          </div>
          <div
            className="pb-3"
            style={{ fontSize: "16px", fontFamily: "light" }}
          >
            {text}
          </div>
        </div>
      </div>
    </div>
  );
}
