import BackgroundRotator from "../Components/layout/BackgroundRotator/BackgroundRotator";
import CreatorCard from "./CreatorCard";
import "./creadores.css";

export default function Page() {
    return (
        <div className="mainContainer">
            <div className="container" style={{ display: "flex", flexDirection: "row", justifyContent: "center", gap: "3rem", flexWrap: "wrap" }}>
                <BackgroundRotator />

                <CreatorCard title="IO" img="/IO.png" width={150} height={200} />
                <CreatorCard title="CarloSpak" img="/SPAK.png" width={160} height={100} />
                <CreatorCard title="Tyrannuss" img="/Tyrannuss.png" width={140} height={140} />

            </div>
        </div>

    );
}