.hero_actualites {
  /* MODIFIER L'IMAGE */
  background: url("/wp-content/uploads/2023/12/Banniere.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  width: 100%;
  height: 30rem;
  position: relative;
  margin-top: 6rem;
}

.hero_actualites h1 {
  color: white;
  width: 22rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-bottom-right-radius: 1rem;
  border-top-right-radius: 1rem;
  font-size: 3rem;
  padding: 2rem 3rem;
  background: linear-gradient(
    to right,
    var(--green_gradient_1_transparent) 30%,
    var(--green_gradient_2_transparent)
  );
}

.last_articles h2 {
  margin-top: 2rem;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}