.blog-heading-img-container{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 200px;
}

.blog-heading-img-overlay{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.392);
}

.blog-img-container{
  position: relative;
  height: 250px; 
  overflow: hidden
}
.blog-img-container a img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-main-container{
  padding: 2em 0;
}