/********************************************************/
/*
/*      Image aspect-ratio CSS
/*
/********************************************************/
	
	/******************************/
	/* Figures
	/******************************/
	figure {
		margin: 0;
	}
	
	figure.has-ratio {
		position : relative;
	}
	
	figure.has-ratio > a {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		display: block
	}
	
	figure.has-ratio img  {
		position: absolute;
		inset: 0;	
		width: 100%;
		height: 100%;
		max-width: none;
		object-fit : cover;
	}
	
	/******************************/
	/* Modifier classes
	/******************************/
	
	.has-1-1-ratio  {
		aspect-ratio : 1/1;
	}
	
	.has-16-10-ratio  {
		aspect-ratio : 16/10;
	}
	
	.has-16-9-ratio  {
		aspect-ratio : 16/9;
	}
	
	.has-4-3-ratio  {
		aspect-ratio : 4/3;
	}
	
	.has-3-2-ratio  {
		aspect-ratio : 3/2;
	}
	
	.has-10-16-ratio  {
		aspect-ratio : 10/16;
	}
	
	.has-9-16-ratio  {
		aspect-ratio : 9/16;
	}
	
	.has-3-4-ratio  {
		aspect-ratio : 3/4;
	}
	
	.has-2-3-ratio  {
		aspect-ratio : 2/3;
	}