.block-social-media {
	margin: 4em calc(50% - 50vw) 2em 0;
	padding-right: 50%;
	display: flex;
	flex-direction: column;
	gap: 1em;
	position: relative;
}

.block-social-media::before {
	content: '';
	display: block;
	width: min(40%, 160px);
	aspect-ratio: 2 / 3;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background: url(../../images/kb/kb-green-peek-side.webp) no-repeat center / contain;
	z-index: 1;
}

@media screen and (min-width: 768px) {

	.block-social-media::before {
		height: 448px;
		width: auto;
	}
}