.imagelinks{
	margin: 30px 0;
}
.imagelinks .row{
	gap: 30px 0;
}
.imagelinks a{
	position: relative;
	display: flex;
	align-items: flex-end;
}
.imagelinks a:before{
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 75%;
	bottom: 0 !important;
	background-image: linear-gradient(0deg, var(--kmaadarkblue) 0%, rgba(255,255,255,0) 60%);
	transition: height 0.2s ease-in-out;
}

.imagelinks a:hover:before {
	height: 100%;
}

.imagelinks a .text{
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 36px;
	font-size: 28px;
	font-weight: 600;
	color: var(--white);
}
.imagelinks a .text span{
	color: var(--white);
}

@media( max-width: 1199px ){
	.imagelinks a .text{
		padding: 20px;
		font-size: 24px;
	}
}

@media( max-width: 991px ){
	.imagelinks a .text{
		font-size: 18px
	}
}