<div class='album'>
	<div class='icon top'></div>
	<div class='arches'>
		<div class='arch bottom'></div>
		<div class='arch top'></div>
	</div>
	<div class='icon bottom'></div>
</div>	
$color1: #E6C446
$color2: #F76F23
$color3: #D9476E
$color4: #9B357E
$color5: #0E6BB0

body
	min-height: 100vh
	display: flex
	justify-content: center
	align-items: center
	background: linear-gradient(45deg, $color1, $color2, $color3, $color4, $color5)

.album
	widtH: 640px
	min-width: 640px
	height: 640px
	min-height: 640px
	overflow: hidden
	background: #060709
	position: relative
	@media (max-width: 700px)
		transform: scale(0.5)
	.icon
		widtH: 50px
		height: 75px
		position: absolute
		left: 50%
		transform: translate(-50%, -0)
		&:after
			content: ''
			position: absolute
			width: 35px
			height: 35px
			top: 0
			left: 50%
			transform: translate(-50%, -50%) rotate(45deg)
			background: #060709
		&.top
			background: linear-gradient(-45deg, $color2, darken($color2, 15%))
			top: 20px
		&.bottom
			background: linear-gradient(-45deg, $color4, darken($color4, 15%))
			bottom: 20px
	.arches
		width: 640px
		height: 640px
		position: relative
		z-index: 2
		&:before
			content: ''	
			display: block
			width: 360px
			height: 185px
			background: white
			position: absolute
			top: 50%
			left: 50%
			transform: translate(-50%, -50%)
			z-index: -1
		&:after
			content: ''	
			display: block
			width: 230px
			height: 230px
			background: 
				image: url('https://www.nasa.gov/sites/default/files/styles/image_card_4x3_ratio/public/thumbnails/image/hubble_friday_03182016.jpg?itok=ggA8usQe')
				size: cover
				position: center
			position: absolute
			top: 50%
			left: 50%
			transform: translate(-50%, -50%)
			border-radius: 360px
			z-index: -1
		.arch
			width: 640px
			height: 1280px
			border-radius: 640px
			box-shadow: inset 0px 0px 0px 20px $color1, inset 0px 0px 0px 40px $color2, inset 0px 0px 0px 60px $color3, inset 0px 0px 0px 80px $color4, inset 0px 0px 0px 100px $color5
			&.top
				transform: translate(0, -2048px)
			&.bottom
				transform: translate(0, 128px)
			
View Compiled
Rerun