.latest-post__content img {width: 100%;height: 100%;object-fit: contain;}
a.latest-post__blog-tags--tags{font-size: 0.5rem;font-weight: 600;}
.latest-post__button{margin-top: 5px;background-color: #dd083b;padding: 5px 10px;font-size: 1rem; font-weight: bold;}
.latest-post__content-text{padding-left: 20px;padding-right: 20px;padding-bottom: 20px;padding-top: 5px;line-height: 1.1} 
.latest-post__content-text h3 a {color: #fff;font-size: 1.5rem;}
.latest-post__content-text h3 {padding: 10px 0px;}
.latest-post__content-text p {color: #fff;font-size: 0.9rem; line-height: 1.5;}
.latest-post__content-text h3 p:hover {color: #101010;text-decoration: none;}
.latest-post__content-text h3 p:visited{color: #2a2a2a;text-decoration: none;}
a.latest-post__blog-tags--tags {color: #dd083b;font-size: 12px;padding-top: 5px;padding-bottom: 15px;padding-right: 5px;}
.latest-post--summary {margin-bottom: 25px;}
div.latest-post__avatar img {width: 92%; height: 92%; object-fit: cover;position: absolute;top: 3.7px;left: 3px;background: white;clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
div.latest-post__avatar {background-color: #fff;width: 70px;height: 80px;position: relative;bottom: 55px;float: right;clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);background-size: cover;}


{# Responsive Query #}
@media only screen and (max-width: 902px) {
.latest-posts {display: flex;flex-direction: colunmn;flex-wrap: wrap;width: 100%;justify-content: space-around;  }
.latest-post__container {margin-bottom: 20px;box-shadow: 0px 5px 10px rgba(0,0,0,0.3);background-color: #2a2a2a;}}

@media only screen and (min-width: 901px) {
.latest-posts {display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;justify-content: space-between;} .latest-posts::after {content: "";flex: auto;}
.latest-post__container {background-color: #2a2a2a;flex-basis: 30%;min-width: 30%;box-shadow: 0px 3px 5px rgb(0 0 0 / 50%);transition: all 0.4s;}  
.latest-post__container:hover {transform: scale(1.03);}}