JSFiddle - React, Tailwind, and code Playground

HTML

<div id="character">
    <img src="http://images1.wikia.nocookie.net/__cb20110731225056/theregularshow/images/8/8c/250px-Mordecai_character.png" id="mordecai">
    <img src="http://images1.wikia.nocookie.net/__cb20121118041816/theregularshow/images/2/21/250px-Rigby_character_%281%29.png" id="rigby">
    <img src="http://images4.wikia.nocookie.net/__cb20110702005406/theregularshow/images/thumb/c/c2/Benson_character.png/250px-Benson_character.png" id="benson" class="benson">
</div>

CSS

#character {
  background: #f00;
  height: 600px;
  margin: 30px;
  overflow: hidden;
  position: relative;
  width: 300px;
}

img {
  position: absolute;    
}

#mordecai {
  left: 20px;        
}

#rigby {
  left: 120px;
}

#benson {
  left: -80px;
}

JavaScript

console.log($(.benson))