Protean Template text fade-out in the block overflows on home page.

Hi All. This fade-out text really smooths things out. Is it difficult to add? Just for the home page entries?

As it is, I have a harsh border line going through my last line of text...

Here is a simple example but many others used javascript.

.excerpt {

  position: relative;

}

.excerpt::before {

  content: '';

  width: 100%;

  height: 100%;

  position: absolute;

  background: linear-gradient(to bottom, transparent, white);

}