Styling used to implement circular images on my About page. Specifically styled for iPhone 6/7 and +Plus mobile screens.

circular-images.scss

.img-circular-about-us-1 {
    width: 100%;
    height: 220px;
    background-image: url(/wp-content/uploads/2016/02/2012-card-insert.jpg);
    background-size: cover;
    display: block;
    margin: 10px 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid lighten($black, 80);

	@include media($iphone6-screen-up) {
		height: 263px;
	}

	@include media($iphone6plus-screen-up) {
		height: 295px;
	}

	@include media($smaller-screen-up) {
        float: left;
        width: 300px;
        height: 300px;
        margin: 10px;
	}

}