<div class="road"></div><img class="car" src="https://assets.codepen.io/605876/little-red-car.png" alt="Little red car"/>
<style>
* {
box-sizing: border-box;
}
:root {
--road: #757c8a;
--grass: #80b34d;
--island: #b3994d;
--lines: #faf0d1;
}
@property --x {
inherits: false;
initial-value: -22.5;
syntax: '<number>';
}
@property --y {
inherits: false;
initial-value: 0;
syntax: '<number>';
}
@property --r {
inherits: false;
initial-value: 0deg;
syntax: '<angle>';
}
body {
min-height: 100vh;
display: grid;
place-items: center;
background: v