.images img {
  border: 1px solid #ddd;
}


#bg-container {
  position: relative;
}

#bg-container img {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  transition: all .25s;
}

#bg-container #bg {
  position: relative;
}

#bg-container img#outlines {
  opacity: 0;
}

#bg-container:hover img#outlines {
  opacity: 1;
}

#composite .row,
#composite .row .col {
  position: relative;
  min-height: 335px;
}

#composite .row .col img {
  transition: all .25s;
  position: absolute;
  left: 0%;
  transform: translateX(-50%);
  border: 1px solid #ddd;
}

#composite input {
  margin-right: .5rem;
}


#composite.active img:nth-child(1) {
  left: 0%;
}

#composite.active img:nth-child(2) {
  left: 20%;
  opacity: 1;
}

#composite.active img:nth-child(3) {
  left: 30%;
}

#composite.active img:nth-child(4) {
  left: 40%;
}