<div class="box">
<img src="iphone.png" alt="">
</div>
<div class="next-box"></div>
.box {
overflow: hidden;
}
.box img {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
}
.next-box {
position: relative;
}
.next-box:before {
content: "";
display: block;
width: 60px;
height: 60px;
background: #28c8c6 url(down-icon.png) no-repeat 20px 10px;
border-radius: 100%;
position: absolute
top: -30px;
left: 50%;
transform: translateX(-50%);
}