.blog img {border:1px solid #cacaca; border-radius:8px; overflow:hidden;}
.blogcat, .blogcatsm {color:#808080; position:relative; top:20px; font-size:20px; font-weight:500;}
.blogcatsm {font-size:14px;}
.blogcat:hover, .blogtitle:hover, .blogcatsm:hover, .blogtitlesm:hover {color:#4d4d4d}
.blogtitle, .blogtitlesm {color:#008000; position:relative; top:30px; font-size:24px; font-weight:500;}
.blogtitlesm {top:30px; font-size:16px;}
.blogdate {font-size:14px; color:#000;}
   .circular-image-container {
       width: 100px; /* Or desired width */
       height: 100px; /* Or desired height */
       overflow: hidden; 
       border-radius: 50%; 

  }

  .avatar,  .avatara {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  position: relative;
}

.avatar img, .avatara img {
  position:absolute;
  top:50%;
  left:30%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
}

.avatara img {left:50%;}

.bauthor { display: flex;
  justify-content: center; 
  align-items: center; 
  height: 80px;        
  gap: 20px; 
  margin-top:-47px;
  margin-bottom:30px;
 } 
 
 bauthora { width: 100px;
  height: 80px;
  background-color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
 }