main:not(.home) {
  @media screen and (min-width: 768px) {
    padding: 1.5rem 0 !important;
  }
  @media screen and (min-width: 992px) {
    padding: 4rem 0 !important;
  }
}

//
body {
 #content-ontop{
 position: relative;
//  top: -1400px;
 padding-top: 5rem;
 @media screen and (max-width: 300px) {
  padding-top: 2rem;
 }
 }
 #background-animated{
  width: 100VW;
  z-index: -1;
  position: absolute;
  // left: -400px;
 }
}

article {
  &.publications,
  &.interviews {
    margin-top: 1rem;
    .paragraph--type--images {
      img {
        max-width: 100%;
        max-height: 400px;
        object-fit: contain;
        @media screen and (min-width: 992px) {
          width: 100%;
        }
      }
    }
  }
}


//////////////////////// à enlever quand images
#main-content-node {
  .__img-hero{
    display: none;
  }
  
}

////////////////////////////////