body{ 
    overflow-x: hidden;
}
.container-race {
    width: 100%;
    height: auto;
    border: 1px solid black;
}

.container-head {
    height: 100px;
    border: 1px solid black;
}

.container-head button {
    z-index: 500;

}

.line {
    width: 100%;
    height: 150px;
    border: 1px solid black;
}

button {
    width: 125px;
    height: 50px;
    margin-top: 25px;
    margin-left: 15px;
}

#finishline {
    width: auto;
    height: 750px;
    position: absolute;
    top: 100px;
    /* right: 200px; */
    left: 1800px;
    z-index: 2;
}

.horse {
    border-right: 1px solid red;
    width: 200px;
    height: 150px;
    position: absolute;
    z-index: 10;

}

.horse img {
    width: 200px;
    height: 150px;
    z-index: 11;
}

.horseName {
    /* position: absolute; */
    text-align: center;
    justify-content: center;
    padding-top: 20px;  
}


#grass5 {
    width: 100%;
    height: 100px;
    /* background-color: green; */
    position: absolute;
    top: 150px;
    z-index: 1;
}

#grass1 {
    width: 100%;
    height: 100px;
    /* background-color: green; */
    position: absolute;
    top: 300px;
    z-index: 1;
}

#grass2 {
    width: 100%;
    height: 100px;
    /* background-color: green; */
    position: absolute;
    top: 450px;
    z-index: 1;
}

#grass3 {
    width: 100%;
    height: 100px;
    /* background-color: green; */
    position: absolute;
    top: 600px;
    z-index: 1;
}

#grass4 {
    width: 100%;
    height: 100px;
    /* background-color: green; */
    position: absolute;
    top: 750px;
    z-index: 1;
}