/*************** Reset *********************/
img {
  width: 100%;
}
* {
  margin: 0;
}
/*************** Reset ************/

/**** Hvem er jeg grid****/
.about_text h2 {
  margin-top: 0;
}

.grid_about {
  margin-left: 1rem;
  margin-right: 1rem;
}

@media (min-width: 900px) {
  .grid_about {
    max-width: 70%;
    margin: 0 auto;
    margin-top: 2rem;
    margin-left: 4rem;
    margin-right: 4rem;
    gap: 30px;
    align-items: center; /* Centrerer tekst vertikalt */
  }
}

/* Grid Lulu Alva */
@media (min-width: 900px) {
  .grid_about_lulu {
    display: grid;
    grid-template-columns: 1fr 1fr; /* To kolonner: en til tekst og en til billede */
    margin: 0 auto;
    align-items: center; /* Centrerer tekst vertikalt */
    margin-top: 4rem;
    margin-left: 4rem;
    margin-right: 4rem;
  }
}

@media (min-width: 900px) {
  .grid_about_alva {
    display: grid;
    grid-template-columns: 1fr 1fr; /* To kolonner: en til tekst og en til billede */
    margin: 0 auto;
    align-items: center; /* Centrerer tekst vertikalt */
    margin-top: 2rem;
    margin-left: 4rem;
    margin-right: 4rem;
  }
}

.alva_text,
.lulu_text {
  margin-top: 2rem; /* Tilføj luft over h3 på mobil */
  margin-bottom: 2rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

/* Fjern margin-top på større skærme */
@media (min-width: 900px) {
  .alva_text,
  .lulu_text {
    margin-top: 0; /* Fjerner ekstra afstand på desktop */
    margin-left: 2rem;
    margin-right: 4rem;
    margin-bottom: 0;
  }
}
.grid_about_alva img,
.grid_about_lulu img {
  width: 100%;
  aspect-ratio: 4 / 4; /* Gør billederne mindre i højden */
  object-fit: cover; /* Sørger for at billeder fylder containeren uden at blive forvrænget */
}

@media (min-width: 900px) {
  .grid_about_alva img,
  .grid_about_lulu img {
    width: 100%;
    aspect-ratio: 4 / 4; /* Gør billederne mindre i højden */
    object-fit: cover; /* Sørger for at billeder fylder containeren uden at blive forvrænget */
  }
}