SOURCE

<div class="box">
	<div class="inner">
		<img class="img" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.08lr.cn%2Fuploads%2Fallimg%2F170513%2F1-1F513164126.jpg&refer=http%3A%2F%2Fwww.08lr.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1614342078&t=573647a01fca7ff9b16298550fa909ce" />
    </div>
</div>

.box{
    display: flex;
    width: 200px;
    height: 300px;
    background: #0000ff;
}

.inner{
    /*子元素的z-index与父元素flex配合使得父元素变成层叠上下文元素*/
    z-index: 1;
}

.img{
    position: absolute;
    z-index: -1;
    width:200px;
    margin-left: 100px;
}