html, body {
  font-size:10px;
}

.height {
  display:flex;
  align-items:center;
}

.height:after {
  flex:1;
  content:'';
  border-bottom:1px solid #000000;
}

.height:nth-child(even):after {
  border-bottom:1px dashed #000000;
}

.height:not(:empty):after {
  margin-left:1em;
}

.fo {
  margin:0;
  padding:0;
  z-index:1;
  position:absolute;
}

#captain {
  top:100px;
  left:40px;
  height:795px;
}

#castiel {
  top:110px;
  left:280px;
  height:785px;
}