import React from "react";


const Card = (props) => {
  const { image } = props;
  return (
    <div className="flex justify-center items-center">
    <div className="relative bg-[#D0BFFF] w-[35rem] h-[35rem] rounded-lg  flex items-center justify-center">
      <div className="relative bg-white w-[31rem] h-[31rem] rounded-lg  flex items-center justify-center bg-opacity-50 ">
        <img
          src={image}
          alt="gambar"
          className="absolute top-[50px] left-[270px] transform -translate-x-1/2 w-[28rem] h-[25rem]"
        />
        <div className="text-center">
        </div>
      </div>
    </div>
  </div>
  );
};

export default Card;

