Как адаптивно наложить картинку на картинку средствами CSS?
Попробуй картинке с футболкой это дать:display: block;
position: relative;
width: 90%; /* это не важно */
А поверх дай картинке вот такую бороду:display: block;
width: 30%; /* это наверное уже у тебя в js будет вычисляться */
position: absolute;
top: 22%; left: 40%; /* тоже через js будешь вычислять */
SVG вам в помощь. codepen.io/paulradzkov/pen/QjxZzN?editors=100
Внутрь контейнера svg подгружайте две картинки, спрайт позиционируете относительно майки. Сам svg ведет себя как цельная картинка. Можете еще с эффектами наложения поэкспериментировать.