.animation{
    background-image: url("../../both-paris/tear-line-desktop-left.svg?$staticlink$");
    background-repeat: no-repeat;
    background-attachment: scroll;
    position: relative;
    overflow: hidden;
    height: auto !important;
    top: 50px !important;
    
}
.paper-plane{
    position: absolute;
    top: 6%;
    left: 0%;
}



img {
    max-width: 100%;
    height: auto;
}

.animation2{
   
    background-image: url("../../both-paris/tear-line-desktop-right.svg?$staticlink$");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position-x: right;
    position: relative;
    overflow: hidden;
    width: 100% !important;
  
    
    
}


.paper-plane2{
    position: absolute;
    top: 0%;
    right: 0%;
}

  

  @media only screen and (min-width: 320px) and (max-width: 767px){

    .animation{
        background-image: url("../../both-paris/tear-line-mobile-left.svg?$staticlink$");
    }
    .animation2{
   
        background-image: url("../../both-paris/tear-line-mobile-right.svg?$staticlink$");
    }

    .paper-plane {
        position: absolute;
        top: 12% !important;
        left: 0%;
    }

    .animation2{
        top: 40px;
    }
   
}