Making images in a summary block hyperlinked

Is there a way to make the images in this summary block hyperlinked to an external URL? I've added a click through URL to the image in the gallery on the back end, but they don't seem clickable in the gallery itself.

It's these images on our homepage that I'm hoping to make clickable to a URL:

You can enable List items buttons > Add url to buttons > Then use this code to Website > Website Tools > Custom CSS. The code will hide button + turn button link to image link

body.homepage {
li.list-item {
    position: relative;
}
.list-item-content__button-container {
    position: static;
}
a.list-item-content__button.sqs-block-button-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    color: transparent !important;
    background-color: transparent !important;
    border: none !important;
}
.list-item-content__button-container {
    position: static !important;
transform: unset !important;
}
a.list-item-content__button.sqs-block-button-element:before {
    visibility: hidden;
}
.user-items-list-carousel__slide {
    pointer-events: initial !important;
    user-select: unset !important;
}
.user-items-list-carousel__gutter {
    cursor: pointer;
}}

@tuanphan thank you, but I'm not sure where to do this step: 

"List items buttons > Add url to buttons"

Can you show me where you mean? I don't see the option to do that for the summary block that I have in mind.