.presentation { margin: 20px -65px 140px; } @media (min-width: 1720px) { .presentation { margin-left: 0; margin-right: 0; margin-bottom: 160px; } } .presentation__top { position: relative; min-height: 270px; margin: 0 auto 116px; padding: 29px 0 40px; background-image: url(/static/img/png/Box9.png), url(/static/img/png/Box10.png), url(/static/img/png/Box11.png), url(/static/img/png/Box12.png); background-position: top -4px left 46px, top -30px right -14px, bottom 73px left 278px, bottom 71px right 276px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 17.5%, 21.8%, 8.5%, 8.8%; } @media (min-width: 1720px) { .presentation__top { background-size: 18.5%, 22%, 9%, 10.1%; background-position: top -47px left 58px, top -31px right 20px, bottom 8px left 347px, bottom -5px right 352px; padding-top: 95px; margin-bottom: 176px; } } .presentation__title { margin-bottom: 23px; } .presentation__subtitle { margin-bottom: 41px; font-weight: 600; } .presentation__btn { margin-bottom: 40px; } .presentation__next { font-weight: 500; line-height: 22px; padding-right: 5px; } .presentation__arrows { padding-top: 2px; animation: jump 2s ease-in-out infinite; } .presentation__cards { max-width: 1300px; margin: 0 auto; } @media (min-width: 1720px) { .presentation__cards { max-width: initial; margin-left: -10px; margin-right: -10px; } } .presentation__bottom .presentation__title { margin-bottom: 13px; } @keyframes jump { 0% { transform: translateY(0px); } 50% { transform: translateY(-5px); } 60% { transform: translateY(20px); } 70% { transform: translateY(0px); } 80% { transform: translateY(20px); } 100% { transform: translateY(0px); } }