Popsu-coloque/web/themes/custom/popsu_colloque/css/components/hero.scss

.__img-hero{
  height: 400px;
  // width: 100vw;
  // position: relative;
  // left: 50%;
  // right: 50%;
  // margin-left: -50vw;
  // margin-right: -50vw;
    img{
      width:100%;
      height: 100%;
      object-fit: cover;
    }
}


.participant_full{
  .hero{
    figure{
      width:100%;
      .__img{
        &> div{
          margin: auto;
          width: 300px;
          height: 300px;
        }
        img{
          border-radius: 100%;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
      figcaption {
        align-self: center;
        text-align: center;
        margin: 2rem 0;
      }
    }
  }
}

@media screen and (min-width: 768px) {
  .participant_full{
    .hero{
      figure{
        width:100%;
        .__img{
          margin-right: 2rem;
          &> div{
            width: 300px;
            height: 300px;
          }
          img{
            border-radius: 100%;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
        figcaption {
          align-self: center;
        }
      }
    }
  }
}