body {
    overflow-x: hidden; /* Hides the horizontal scroll bar during animation */
}

.container {
    width: 100%;
    position: relative; /* Establishes a positioning context for the image */
}

.car-image {
    width: 200px; /* Adjust size as needed */
    position: absolute;
	bottom: 0px;
    animation-name: drive;
    animation-duration: 10s; /* Time the animation takes to complete one cycle */
    animation-timing-function: linear; /* Constant speed */
    animation-iteration-count: infinite; /* Repeats the animation forever */
}

/* The @keyframes rule defines the animation's movement */
@keyframes drive {
    0% {
        left: -100px; /* Start position: off-screen to the left */
        transform: translateX(0);
    }
    100% {
        left: 100%; /* End position: moves past the right side of the container */
        transform: translateX(0);
    }
}