style.css

body{margin: 0;background: linear-gradient(to right, #4286f4, #373B44);}.night {width: 181vh;height: 45vw;background: url('img/Img_1.png');margin: 15px auto; background-size: cover; background-repeat: no-repeat; position: relative; box-shadow: 1px 2px 60px rgba(0, 0, 0, 0.4); overflow-x: hidden; } .surface { background: url('img/Img_02.png'); width: 500%; height: 140px; display: block; position: absolute; bottom: 0%; left: 0%; background-repeat: repeat-x; } .surfacemove{ animation: surfacemove 10s linear infinite; } .car { position: absolute; bottom: 7%; left: 24%; } .carmove{ animation: carmove 1s linear infinite; } @keyframes surfacemove{ 100%{ transform: translateX(-50%); } } @keyframes carmove{ 100%{ transform: translateY(-1px); } 50%{ transform: translateY(2px); } 0%{ transform: translateY(-1px); } } .text { position: absolute; top: 4%; left: 10%; border-bottom: 1px solid white; line-height: 0.5; } .text_1 { position: absolute; top: 18%; left: 10%; line-height: 0.5; } .text p, .text_1 p { color: white; font-size: 22px; } .text p span, .text_1 p span{ font-size: 25px; text-transform: uppercase; }