Profile at the center and overlaying another picture

Ionic Framework ionic-v3
1

Hi Guys im trying to achieve something like this image below the img at the center of an img above it, overlay.

image

here is my code:
image

css file:

.bgDesign{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.img-top{
	width: 100%;
	height: 150px;
}

.img-circle {
	display: block;
  	text-align: center;
  	margin: 0px auto;
	border: 2px solid #fff;
    border-radius: 50%;
    width: 150px;
    height: 150px;
}

how to do this? anyone? thanks!!
in ionic 2/3