.programmes-home ul {
    display: grid;
	gap: var(--gap, 20px);
	grid-template-columns: repeat(var(--grid-type, auto-fit),  minmax(min(420px, 100%), 1fr));
	max-width: 1340px;
	margin: 20px;
}

@media (min-width: 900px) {
	.programmes-home ul {
		margin: 60px auto;
	}
}

.programmes-home a:link, 
.programmes-home a:visited {
	position: relative;
	display: flow-root;
	min-height: 256px;
	background-color: #fff;
	border-top: 1px solid #151b45;
	border-right: 1px solid #151b45;
	border-left: 1px solid #151b45;
	text-align: center;
	text-indent: -9999px;
	transition: all .8s ease-in-out;
	box-shadow: inset 0 0 0 0 #151b45;	
}
.programmes-home a:hover, 
.programmes-home a:active, 
.programmes-home a:focus-visible {
	box-shadow: inset 1000px 0 0 0 #151b45;
}

.programmes-home a:link svg, 
.programmes-home a:visited svg {
	height: 100%;
	width: auto;
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: fill .8s ease-in-out;
	fill: #151b45;
}

.programmes-home a:hover svg, 
.programmes-home a:active svg,
.programmes-home a:focus-visible svg {
	fill: #fff!important;
}
/* image addition */
.programmes-home a:link + ul {
	display: grid;
	gap: var(--gap, 0);
	grid-template-columns: repeat(var(--grid-type, auto-fit),  minmax(min(30%, 100%), 1fr));
	margin: 0;
	border: 1px solid #151b45;
}
.programmes-home a:link + ul li {
	border-right: 1px solid #151b45;
}
.programmes-home a:link + ul li:last-child {
	border: 0;
}