.image_buttons {
    position: relative;
    display: grid;
    grid-template-columns: auto auto auto;
    height: fit-content;
    width: 90%;
    left: 5%;
}

.image_buttons .image_button {
    position: relative;
    display: block;
    width: 90%;
    margin: 1.5%;
    cursor: pointer;
    aspect-ratio: 1/1;
    transition: all 0.3s linear;
}

.image_buttons .image_button:hover {
    width: 95%;
    margin: 0;
}

.image_buttons .image_button a , .image_buttons .image_button img {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 62.438em){
    .image_buttons {
        grid-template-columns: auto auto;
        row-gap: 1vw;
    }
}