.m-photo-legendes {
  .m-photo-legendes__titre {
    font-family: var(--wp--preset--font-family--primary);
    color: var(--wp--preset--color--secondary);
    font-size: 32px;
    font-weight: var(--wp--custom--font-weight--semi-bold);
    line-height: 40px;
    margin: 0 0 64px;
    max-width: 72%;
  }

  .m-photo-legendes__image-wrap {
    position: relative;
  }

  .m-photo-legendes__image {
    width: 100%;
    height: auto;
    max-height: 844px;
    border-radius: 16px;
    object-fit: cover;
    display: block;
  }

  .m-photo-legendes__legende {
    position: absolute;
    padding: 32px 40px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #404040;
    border-radius: 16px;

    p:first-child {
      margin-top: 0;
    }

    p:last-child {
      margin-bottom: 0;
    }
  }

  .m-photo-legendes__legende--haut-droite {
    width: 452px;
    top: -104px;
    right: -104px;
    background-color: var(--wp--preset--color--cream);
  }

  .m-photo-legendes__legende--bas-gauche {
    width: 760px;
    bottom: -88px;
    left: -152px;
    background-color: var(--wp--preset--color--secondary-light);
  }

  @media (max-width: 1800px) {
    .m-photo-legendes__legende--haut-droite {
      right: -40px;
    }

    .m-photo-legendes__legende--bas-gauche {
      left: -40px;
    }
  }

  @media (max-width: 1640px) {
    .m-photo-legendes__legende--haut-droite {
      right: 18px;
    }

    .m-photo-legendes__legende--bas-gauche {
      left: 18px;
    }
  }

  @media (max-width: 991px) {
    .m-photo-legendes__legende--haut-droite,
    .m-photo-legendes__legende--bas-gauche {
      width: 100%;
    }

    .m-photo-legendes__legende--haut-droite {
      margin-bottom: 20px;
    }

    .m-photo-legendes__legende--bas-gauche {
      margin-top: 20px;
    }

    .m-photo-legendes__legende {
      position: static;
      max-width: none;
    }
  }
}