dv-profile-picture {
	.container {
		min-height: 320px;
		// height: 430px;
		display: flex;
		flex-direction: column;
		pointer-events: none;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
		z-index: 3;
	}

	.class {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 200px;
		width: 180px;
		position: absolute;

		pointer-events: all;
	}
}

.picture-circle {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-color: #fcb60d;
	border: solid 10px #fcb60d;
}

.picture-hex {
	z-index: 99;
	clip-path: polygon(0 30%, 50% 0, 100% 30%, 100% 70%, 50% 100%, 0 70%);
}

.picture-square {
	width: 40%;
	height: 200px;
	border: 15px solid #fcb60d;
	z-index: 99;
}

.picture-none {
	width: 40%;
	height: 200px;
	z-index: 99;
}

.picture-void {
	width: 30%;
	height: 150px;
	z-index: 99;
}

.picture-voidcircle {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	z-index: 99;
}