.block__overview h2 {
    margin-bottom: 2.4rem;
}

.overview__items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4.8rem;
    margin-top: 6.8rem;
}

@media(min-width: 768px) {
    .overview__items {
        grid-template-columns: 1fr 1fr;
    }
}

@media(min-width: 1024px) {
    .overview__items--small {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.overview__items--small .overview__image img {
    width: 100%;
    height: 100%;
}

.overview__item {
    position: relative;
}

.overview__image {
    line-height: 0;
    margin-bottom: 2.4rem;
}

.overview__content h3 {
    margin-bottom: 1.5rem;
}

.overview__content p:last-of-type {
    margin-bottom: 0;
}

.overview__content .button {
    margin-top: 1.5rem;
}

.overview__content a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.overview__item--1 .overview__image,
.overview__item--4 .overview__image,
.overview__item--6 .overview__image,
.overview__item--7 .overview__image {
    -webkit-clip-path: url(#horizontal1);
    clip-path: url(#horizontal1);
}

.overview__item--2 .overview__image,
.overview__item--5 .overview__image {
    -webkit-clip-path: url(#horizontal2);
    clip-path: url(#horizontal2);
}

.overview__item--3 .overview__image,
.overview__item--8 .overview__image {
    -webkit-clip-path: url(#horizontal3);
    clip-path: url(#horizontal3);
}


.overview__items--small .overview__image {
    aspect-ratio: 1 / 1;
}

.overview__items--small .overview__item--1 .overview__image,
.overview__items--small .overview__item--4 .overview__image,
.overview__items--small .overview__item--6 .overview__image,
.overview__items--small .overview__item--7 .overview__image {
    -webkit-clip-path: url(#square1);
    clip-path: url(#square1);
}

.overview__items--small .overview__item--2 .overview__image,
.overview__items--small .overview__item--5 .overview__image {
    -webkit-clip-path: url(#square2);
    clip-path: url(#square2);
}

.overview__items--small .overview__item--3 .overview__image,
.overview__items--small .overview__item--8 .overview__image {
    -webkit-clip-path: url(#square3);
    clip-path: url(#square3);
}


@media (pointer: fine) {
    .overview__items .overview__image img {
        transition: transform .7s cubic-bezier(.17,.88,.22,.98);
    }

    .overview__items .overview__item:has(a:hover) .overview__image img {
        transform: scale(1.05);
    }
}