.summary {
    position: relative;
 }

 .scroll-bg{
    width: 100%;
 }


 .svg-wrapper {
   position: absolute;
   top: 4%;
   right: 0;
   width: 150px;
   height: 150px;
   pointer-events: none;
   will-change: transform;
   z-index: -1;
 }


 .svg-fly {
   width: 100%;
   height: 100%;
   background-image: url('../img/Seagull.svg');
   background-size: contain;
   background-repeat: no-repeat;
   animation: flyUpDown 3s ease-in-out infinite;
   z-index: -1;
 }



 @keyframes flyUpDown {
   0%   { transform: translateY(0); }
   50%  { transform: translateY(-30px); }
   100% { transform: translateY(0); }
 }


 .Seagull{
    display: none;
 }

 @media screen and (max-width: 960px) {

 .Seagull{
    display: block;
 }

}