.hometeaser .card {
	position: relative
	transition: all .2s;
	background-size: cover;
}
.hometeaser .card-body {
	z-index: 1;
    justify-content: end;
    display: flex;
    flex-direction: column;
    padding-bottom: 3rem;
}
.hometeaser .card.odd::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #1F2A47;
	background: linear-gradient(0deg,rgba(31, 42, 71, 1) 35%, rgba(255, 255, 255, 0) 100%);
	z-index: 0;
}
.hometeaser .card.even::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #1F2A47;
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0) 100%);
	z-index: 0;
}

.hometeaser .card:hover {
	&:after {
		opacity: 0;
	}
	.itemtext,
	.hometeaser-icon {
		opacity: 0;
	}
}

.hometeaser-icon {
	background: #ffffff;
	border: 1px solid #646261;
	border-radius: 50%;
	padding: 20px;
	height: 80px;
	width: 80px;
}