.block-link-icons .items {
    --gapx: 3.5em;
    --gapy: 3em;
    padding-inline: 1em;
    padding-right: 2.4em;
}
.block-link-icons .item {
    .image-container {
        position: absolute;
        inset: 50% -30px 0 auto;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        background-color: var(--primary);
        transform: translateY(-50%);
        text-align: center;
    }
    img {
        position: absolute;
        inset: 0;
        margin: auto;
        max-height: 70px;
        max-width: 70px;
    }
    &:first-child {
        border: 0;
    }
    a:hover img {
        scale: 1.02;
    }
    h4 {
        font-size: 1.3em;
    }
}

@media screen and (min-width: 52em) {
    .block-link-icons .items {
        --gapx: 2.5em;
        padding-inline: 0;
        padding-right: 1.4em;
    }
}

@media screen and (min-width: 68em) {
    .block-link-icons .items {
        --gapx: 3.5em;
    }
}

@media screen and (min-width: 60em) {
    .block-link-icons h4 {
        font-size: 1.5em !important;
    }
}