section.photos-wrapper
{
	width: 100%;
	padding: clamp(2rem, 10dvh, 108px) clamp(1rem, 10dvw, 192px);
	
	h2
	{
		margin: 0 auto;
		text-align: center;
		color: var(--wdc-terracotta);
		font-size: clamp(1rem, calc(1rem + .56dvh), 24px);
		margin-bottom: 2rem;
	}
	
	.photos-grid
	{
		width: 100%;
		display: grid;
		grid-gap: 1rem;
		
		div.photo-wrapper
		{
			position: relative;
			
			img
			{
				height: 100%;
				width: 100%;
				object-fit: cover;
				object-position: center;
			}
		}
	}
}

@media ( width < 900px )
{
	section.photos-wrapper > .photos-grid { grid-template-columns: 1fr !important; }
}