.post-title,
.page-title,
article > h1:first-child,
.article > h1:first-child,
#post > h1:first-child,
#page-content > h1:first-child {
  display: none !important;
}

.about-cover {
  position: relative;
  width: 100%;
  height: 430px;
  margin: 0 auto 28px;
  overflow: hidden;
  background-image: url("/img/about-cover.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.about-cover::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 42%;
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgb(255, 255, 255)
  );
  pointer-events: none;
}

.about-cover ~ p {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.9;
}

@media (max-width: 768px) {
  .about-cover {
    height: 230px;
  }
}