section.media
{
	padding-left: clamp(1rem, calc(calc(100% - 768px) / 2), 1024px);
	padding-right: clamp(1rem, calc(calc(100% - 768px) / 2), 1024px);
	
	img
	{
		position: relative;
		width: 100%;
		height: auto;
		object-fit: contain;
		object-position: center;
		border-radius: 10px;
	}
	
	.swiper-buttons
	{
		position: relative;
		z-index: 2;
		display: grid;
		grid-template-columns: 1fr 1fr;
		
		div
		{
			display: flex;
			justify-content: center;
			align-items: center;
			color: var(--verduyn-blue);
			cursor: pointer;
			padding: .5rem .75rem;
			background: white;
			transition: all 250ms ease-in-out;
		}
		
		div:hover
		{
			background: var(--verduyn-gold);
			color: white;
		}
		
		div.previous
		{
			padding-left: 1.5rem;
			clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
		}
		
		div.next
		{
			padding-right: 1.5rem;
			clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
		}
	}
}