main.post section.hero-article {
  background-color: var(--primary);
  color: white;
  overflow: hidden;
  position: relative;
}
main.post section.hero-article .container {
  padding: 140px 0px;
}
main.post section.hero-article .thumbnail {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
main.post section.hero-article .thumbnail:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--primary);
  opacity: 0.5;
}
main.post section.hero-article .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main.post section.hero-article h1 {
  color: white;
  text-align: center;
}