---
import img1 from '../../../assets/img/about/img1.jpg';
import img2 from '../../../assets/img/about/img2.jpg';
import img3 from '../../../assets/img/about/img3.jpg';
import img4 from '../../../assets/img/about/img4.png';
import img5 from '../../../assets/img/about/img5.png';
import img6 from '../../../assets/img/about/img6.png';
---
<div class="w-md-75 w-lg-50 text-center mx-md-auto mb-5 mb-md-9 content-space-t-5">
  <h1 class="h1 text-white">¿Quienes Somos?</h1>
  <p class="text-white">CodyOps es una plataforma de aprendizaje en línea totalmente en español y para toda latinoamérica. Nos enfocamos en cursos y carreras afines a la programación y la operación de sistemas informáticos de última generación.</p>
  <p class="text-white">Nos aventuramos en 2022 con el objetivo de formar profesionales idóneos en el campo de la Ingeniería Informática brindando contenido de calidad y toda nuestra experiencia. Nos motiva ser parte de vos y tu potencial.</p>
</div>
<div class="row gx-3">
  <div class="col mb-3">
    <div class="bg-img-start" style=`background-image: url(${img1.src}); height: 15rem;`></div>
  </div>
  <div class="col-3 d-none d-md-block mb-3">
    <div class="bg-img-start" style=`background-image: url(${img2.src}); height: 15rem;`></div>
  </div>
  <div class="col mb-3">
    <div class="bg-img-start" style=`background-image: url(${img3.src}); height: 15rem;`></div>
  </div>
  <div class="w-100"></div>
  <div class="col mb-3 mb-md-0">
    <div class="bg-img-start" style=`background-image: url(${img4.src}); height: 15rem;`></div>
  </div>
  <div class="col-4 d-none d-md-block mb-3 mb-md-0">
    <div class="bg-img-start" style=`background-image: url(${img5.src}); height: 15rem;`></div>
  </div>
  <div class="col">
    <div class="bg-img-start" style=`background-image: url(${img6.src}); height: 15rem;`></div>
  </div>
</div>
