.full-layout-3 {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.background-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
  filter: grayscale(100%); /* Gör videon svartvit */
}

.full-layout-3 .content-full {
  position: relative;
  z-index: 1;
  margin-left: 10em;
  max-width: 50%;
  padding-top: 20%; /* Justera enligt behov för att centrera vertikalt */
}

/* Mobilanpassningar */
@media (max-width: 768px) {
  .full-layout-3 .content-full {
    margin-left: 2em; /* Minska marginalen för mindre skärmar */
    margin-top: 50vh;
    max-width: 90%; /* Öka användbart område */
    padding-top: 10%; /* Minska vertikal padding */
    font-size: 90%; /* Minska textstorlek om nödvändigt */
    color: white !important; /* Försäkra att texten är vit */
  }

  .content-full-text {
    color: white !important; /* Försäkra att texten är vit */
  }
  .content-full h2 {
    color: white !important; /* Försäkra att texten är vit */
  }
  .background-video {
    /* För att säkerställa att videon täcker området kan vi behöva justera dess storlek/beteende */
    min-width: 100%;
    min-height: 100%;
  }
}