```html
.diagramcontainer {
width: 600px;
height: 300px;
border: 1px solid 000;
position: relative;
}
.diagram {
width: 100%;
height: 70%;
position: absolute;
bottom: 0;
background: a7e3f1;
}
.startingline {
position: absolute;
bottom: 70%;
width: 2px;
height: 30%;
background: 000;
}
.landingline {
position: absolute;
bottom: 0;
width: 2px;
height: 30%;
background: 000;
}
.athlete {
width: 30px;
height: 30px;
borderradius: 50%;
background: f00;
position: absolute;
bottom: 0;
left: 20%;
}