.responsive-img {
  max-width: 100%;           /* nunca sobrepasa el ancho del contenedor */
  height: auto;              /* mantiene proporción */
}

.portofolio-imgs{
  display: flex;
  justify-content: center;   /* centra horizontalmente */
  align-items: center;       /* centra verticalmente */
  min-height: 80vh;          /* altura mínima para que se note el centrado */
  text-align: center;
}

/* Ajuste específico para móviles */
@media (max-width: 576px) {
  .responsive-img {
    width: 100%;              /* reduce el tamaño al 80% del ancho disponible */
    max-width: 300px;        /* límite máximo para que no se vea enorme */
  }
}