.blurred-content {
  overflow: hidden;
  height: 250px;
  pointer-events: none;
  user-select: none;
  transition: filter 0.3s ease;
  position: relative;
}
.blurred-content::before {
  background: #ffffff;
  background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0 );
  bottom: 0;
  content: " ";
  height: 250px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 10;
}