Add hover effect to image using Generate Blocks Pro

Hi, I'm currently using the following CSS

.gb-container.my-article a:hover img {
    transform:scale(0.97);
    box-shadow: 0 0 0 4px rgb(0 0 0 / 3%);
}
.gb-container.my-article a img{
    transition: all 0.5s ease;
}

to add a hover effect on my homepage's latest posts image.

I want to know if this exact same hover effect can be achieved using the Effects Panel in Generate Blocks Pro and not with the additional CSS. If so, can you please guide me on how? and which value should be put on which option?

Thanks. I've added my site link in the private section.