Blog tiles flex setup

<style><!--
aside {display: none;}
#newsWrapper {width:100%;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-flow: row wrap;justify-content:space-between;padding:0;margin:0;gap:20px;}
/* Fix for Safari width */
#newsWrapper:before, #newsWrapper:after {
width: 100%;
}
.news-item {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-flow: column wrap;justify-content:space-between;}
.news-item .image {
margin-right: 0;
width: 100%;
margin-bottom: 30px;
}

@media (max-width: 768px) {
.news-item {width:100%;}
}

@media (min-width: 768px) and (max-width: 992px) {
.news-item {width:calc((100% - 20px) / 2);}
}

@media (min-width: 992px) {
.news-item {width:calc((100% - 40px) / 3);}
}
--></style>