.card {
padding: 0;
background: none;
border-radius: var(--wp--custom--radius--default);
border: 0;
height: 440px;
position: relative;
overflow: hidden;
}
.card > img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform-origin: center center; 
transition: transform var(--wp--custom--animation-speed) ease;
will-change: transform;
}
.card > a {
padding: var(--wp--preset--spacing--20);
display: flex;
height: 100%;
width: 100%;
}
.card:hover img, .card:focus img {
transform: scale(1.2);
}
.card section {
display: flex;
flex-direction: column;
height: 100%;
gap: var(--wp--preset--spacing--8);
position: relative;
width: 100%;
z-index: 1;
}
.card h3 {
max-width: 15rem;
font-size: var(--wp--preset--font-size--h-5);
margin-top: 0;
margin-bottom: auto;
line-height: var(--wp--custom--line-height--heading-2);
font-weight: var(--wp--custom--font-weight--bold);
}
@media screen and (max-width: 1080px) {
.wp-block-columns:has(.card) {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 480px) {
.wp-block-columns:has(.card) {
grid-template-columns: 1fr;
}
}