interface IProps {
  title: string;
  description: string;
  imgSrc: string;
}

const Card = ({ title, description, imgSrc }: IProps) => {
  return (
    <div
      className="flex flex-col justify-end flex-1 h-full border-solid border shadow-lg bg-cover bg-center text-center"
      style={{ backgroundImage: `url(${imgSrc})` }}
    >
      <div className="lg:my-6">
        <h2 className="text-3xl font-bold">{title}</h2>
        <p className="xl:mb-10 font-thin text-xl">{description}</p>
      </div>
    </div>
  );
};

export default Card;
