/* components/_images.css */

.c-image--decorated {

	position: relative;
	padding-top: var(--space-20);
	padding-bottom: var(--space-20);
}
	.c-image--decorated img{
		border-radius: 20px;
	    object-fit: cover;
	}
	.c-image--decorated::before,
	.c-image--decorated::after {
		content: "";
		display: block;
		position: absolute;
		height: var(--space-20);
		background-color: var(--color-accent);
	}
	.c-image--decorated::before {
	    width: calc( 100% * 240 / 700 );
	    top: 0;
	    left: calc( 100% * 40 / 700 );
	    border-radius: var(--space-20) var(--space-20) 0 0;
	}
	.c-image--decorated::after {
		width: calc( 100% * 340 / 700 );
	    bottom: 0;
	    right: calc( 100% * 100 / 700 );
	    border-radius: 0px 0px var(--space-20) var(--space-20);
	}