Event Management Table - Copy this React, Tailwind Component to your project

<div className="flex flex-col justify-center items-center min-h-screen bg-white"> <h1 className="uppercase font-bold text-3xl md:text-4xl text-azul-marino text-center mt-8 md:mt-16"> Centro de Investigación y Calidad de la Educación </h1> <article className="flex flex-col md:flex-row justify-around my-12 md:my-24 space-y-8 md:space-y-0 w-full max-w-8xl"> <div className="flex flex-col w-full md:w-1/3 space-y-4"> <h2 className="uppercase font-bold text-xl md:text-2xl">¿Quiénes Somos?</h2> <p className="text-justify leading-relaxed"> El Centro de Innovación y Calidad de la Educación, contribuye a elevar la calidad de la formación en nuestra Universidad, desarrollando y potenciando la innovación y la investigación en el campo de las Ciencias Pedagógicas y de la Educación, apoyando la superación permanente y eficaz de los recursos humanos con el uso de los medios más modernos de la informática y la tecnología educativa, en la búsqueda de la universidad de excelencia a la que aspira la sociedad cubana actual. </p> </div> <div className="flex justify-center md:justify-end w-full md:w-1/3"> <img src="../../../public/images/CICE.jpg" alt="Foto del CICE" className="rounded-lg object-cover" /> </div> </article>