article.card {
    height: 100%;
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

article.card > div {
    width: 100%;
}

article.card .image a {
	display: block !important;
}

article.card h3 a {
	color: var(--color-off-black) !important;
	transition: var(--transition);
}

article.card h3:hover a {
	color: var(--color-gold) !important;
}

.splide__slide:not(.bg-none) > article.card.icon {
    padding: var(--vert-spacing-3) var(--hori-spacing-3);
}

.splide__slide:not(.bg-none) > article.card.img .text {
    padding: var(--vert-spacing-3) var(--hori-spacing-3);
}

article.card.img {
    display: flex;
    flex-direction: column;
}

article.card.img .text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}