JSFiddle - React, Tailwind, and code Playground

by Jader Wagner

HTML

<div class="campo" style="background-image:url(http://i.imgur.com/Df4HyF1.jpg)">
    <div class="time1" style="background-image:url(http://icons.iconarchive.com/icons/jonathan-rey/simpsons/128/Homer-Simpson-05-The-Incredible-Homer-icon.png)"></div>
    <div class="time2" style="background-image:url(http://icons.iconarchive.com/icons/sykonist/peter-griffin/128/Peter-Griffin-Football-icon.png)"></div>
</div>

CSS

.campo {
    position: relative;
    width: 660px;
    height: 495px;
    background-size:cover;
}
.time1, .time2 {
    position: absolute;
    width: 128px;
    height: 128px;
    top: 230px;
}
.time1 {
    left: 150px;
}
.time2 {
    right: 150px;
}