Add feather edge to pictures

Hi,

I'm trying to do a feather edge on the pictures present on the linked page, but I cannot figure out how I need to code that.
I suppose it might include a snippet like this one, but don't know how to do the whole logic:

#gradup {
  height: 100%;
  width: 100%;
  background: radial-gradient(transparent 20%, white 70%); /* Set radial-gradient to faded edges */

Any help is welcome thanks!

Can you share link to page where you want to apply this code?

On 6/22/2023 at 3:27 AM, tuanphan said:

Can you share link to page where you want to apply this code?

Yes it would be three pictures in the content of this page https://www.melissamarschke.ca/research

Add to Design > Custom CSS

body#collection-623fdc4624da5b4537be183a {
.section-border, .section-background {
    background-image: radial-gradient(transparent 20%, white 70%) !important;
}
}

It doesn't work, it only feathers the edge of the banners solid colour.