.motif {
	width: 100%;
	position: relative;
	margin-top: var(--py-section);
}

.motif-media {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
    max-width: 171px;
    margin: 0 auto;
}

.motif-text {
	position: absolute;
	top: 50%;
	left: -43px;
	font-size: 14px;
	font-weight: 500;
	font-family: var(--font-family-alt);
	transform: translateY(-50%);
}

.motif-text.secondary {
	right: -43px;
	left: auto;
}

.motif-media img {
    display: block;
}

@media screen and (min-width: 768px) {
    .motif-media {
        max-width: 243px;
    }

	.motif-text {
		left: -147px;
		font-size: 22px;
	}

	.motif-text.secondary {
		right: -147px;
	}
}