.ws-photo-round {
  width: 110px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(173,149,81,.55);
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
  background: radial-gradient(circle at 30% 20%, rgba(173,149,81,.18), transparent 60%);
  display: grid;
  place-items: center;
}

/* Image zoomée + déplaçable */

.ws-photo-round-img {
  width: 200px;
  /*ZOOM: augmente/diminue;*/
  height: auto;
  transform: translate(-45px, -30px);
}

/* gap-3 = 1rem par défaut sur Bootstrap 5 */

.ws-about-row {
  --photo-w: 113px;
  --gap: 1rem;
}

/* Le titre "récupère" l’espace de la photo pour être centré visuellement */

@media (min-width: 576px) {
  .ws-about-title {
    width: calc(100% + var(--photo-w) + var(--gap));
    margin-left: calc(-1 * (var(--photo-w) + var(--gap)));
  }
}

/* Mobile : on revient normal */

@media (max-width: 575.98px) {
  .ws-about-title {
    width: 100%;
    margin-left: 0;
  }
}