console
<html>
<style>
body {
width: 360px;
height: 200px;
}
#d {
position: relative;
width: 100%;
height: 100%;
background: url('http://i.qbot.fun/bq/love.jpg') 0 0/100% 100%;
}
.avat {
position: absolute;
top: 75px;
width: 105px;
height: 105px;
border-radius: 50%;
border: 0px solid;
box-shadow: inset 0px 0px 0px 8px rgba(255, 85, 155, 0.6);
box-sizing: border-box;
}
#me {
left: 25px;
background: url('https://cdn.jsdelivr.net/gh/BrandTime/bbb_bot@latest/resources/throw-creep/pa/%E7%88%AC0.jpg') 0 0/100% 100%;
}
#ta {
right: 25px;
background: url('https://cdn.jsdelivr.net/gh/BrandTime/bbb_bot@latest/resources/throw-creep/pa/%E7%88%AC0.jpg') 0 0/100% 100%;
}
#txt {
width: 100%;
bottom: 5px;
text-align: center;
font-size: 30px;
font-weight: bold;
color: red;
}
</style>
<body>
<div id="d">
<div class="avat" id="me"></div>
<div class="avat" id="ta"></div>
</div>
<div id="txt">[文字]</div>
</body>
</html>