6.9.js

crossbow {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end; 
}

.target.goo{
  flex-grow: 1;
}

.target:nth-of-type(2){
  align-self: stretch;
  flex-grow: 2;
  flex-shrink: 2;
}

.target:nth-of-type(3){
  align-self: flex-start;
  flex-shrink: 0;
}

.target:nth-of-type(4){
  flex-grow: 0;
}