@media screen and (min-width:768px) {
  #section-hero .container-flame {
    margin-top: 12vh;
    left: -40vw;
  }
}

@media screen and (min-width: 1024px) {
  #section-hero .container-flame {
    margin-top: -15vh;
    left: -40vw;
  }

  #section-condivisione .container-flame {
    bottom: -60%;
    left: 50vw;
  }
}

@media screen and (min-width: 1280px) {
  #section-hero .container-flame {
    margin-top: -10vh;
    left: -20vw;
  }

  #section-condivisione .container-flame {
    bottom: -50%;
    left: -6vw;
  }

  #section-hero[data-scroll-section-inview] .container-flame svg .st0,
  #section-condivisione[data-scroll-section-inview] .container-flame svg .st0 {
    animation: dash 2s cubic-bezier(0.54, 0.9, 0.78, 1) forwards .5s;
    -webkit-animation: dash 2s cubic-bezier(0.54, 0.9, 0.78, 1) forwards .5s;
  }

}

@media screen and (min-width:1600px) {
  #section-condivisione .container-flame {
    margin-top: -33vh;
    left: -10vw;
    bottom: auto;
  }
}

.beliven {
  background-image: url('/public/img/img-footer.jpg');
  background-size: cover;
  width: 100%;
  /* locomotive */
  background-position: top;
}

@media screen and (min-width: 1280px) {
  .contents-container>.container-flame {
    margin-left: -24vw;
  }
}

@media screen and (min-width: 768px) {
  .beliven {
    background-image: url('/public/img/img-footer.jpg');
    /* locomotive */
    background-size: cover;
    /* locomotive */
    width: 120%;
    /* locomotive */
    left: -10%;
    /* locomotive */
    height: 100%;
  }
}