.univers-container {
  display: flex;
  flex-direction: column;
}

.univers-container h2 {
    font-size: 50px;
}


.univers-container h2 span {
  font-size: 130px;
  display: inline-block;
  transform: rotate(-3deg);
  margin-left: 1.5vw;
}


.univers-container .univers-row {
  display: flex;
  gap: 30px;
}

.univers-container .univers-row.second {
  margin-top: 30px;
}

.univers-container .univers-block {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  transition: filter 0.3s ease, opacity 0.3s ease;
}

.univers-container .univers-block.large {
  flex: 60;
}

.univers-container .univers-block.small {
  flex: 40;
}

.univers-container .univers-block img {
  width: 100%;
  max-height: 300px;
  height: 100%;
  display: block;
  object-fit: cover;
}

.univers-container .univers-block .univers-content {
  position: absolute;
  bottom: 40px;
  left: 40px;
}

.univers-container .univers-block .univers-content p {
  margin: 0;
  font-weight: bold;
  color: #fff;
  font-size: 30px;
}

.univers-container .univers-block .univers-content span {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 20px;
}

.univers-container .univers-block a:hover .univers-content span {
  text-decoration: none;
  color: #fff;
}

.univers-container a:hover img {
    transform: scale(1.05);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
}

@media (max-width: 991px) {
  .univers-container .univers-row {
    flex-direction: column;
    gap: 20px;
  }
  .univers-container .univers-block,
  .univers-container .univers-block.large,
  .univers-container .univers-block.small {
    flex: none;
    width: 100%;
    max-width: 100%;
    height: 240px;
  }

  .univers-container h2 {
    font-size: 35px;
  }

  .univers-container h2 span {
    font-size: 90px;
  }

  .univers-container .univers-block .univers-content {
    bottom: 30px;
  }

  .univers-container .univers-block .univers-content p {
    font-size: 25px;
  }

  .univers-container .univers-block .univers-content span {
    font-size: 18px;
  }

  .univers-container .univers-row.second {
    margin-top: 20px;
  }
}

/* Assombrir tous les .univers-block sauf celui hover */
.univers-container:has(.univers-block:hover) .univers-block:not(:hover) {
  filter: brightness(0.5);
  opacity: 1;
  transition: filter 0.3s, opacity 0.3s;
}

/* Cacher le texte des blocs non hover */
.univers-container:has(.univers-block:hover) .univers-block:not(:hover) .univers-content {
  display: none;
}