.blog-img-outer{text-align:center;height:32rem}.blog-top-img{width:100%;object-fit:cover;height:100%}.blog-top-info{position:absolute;width:60%;padding:2rem;background-color:rgba(1,1,1,.3);border:1px solid #fff;bottom:30%;left:20%;right:20%}.blog-top-title{color:#fff;font-size:2rem;font-weight:700}.blog-top-date{color:#fff;font-size:1.5rem;font-weight:700;float:right}.blog-top-author{align-items:center}.blog-top-author>.blog-author-name{font-size:1rem;color:#fff}@media (max-width:767px){.blog-top-title{font-size:1.5rem}.blog-top-date{font-size:1rem}}