.bottom-align {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.overlay {
  background: linear-gradient(0deg, #000, rgba(0, 0, 0, .7) 60%, transparent 100%);
}

p.stars img {
  width: 140px;
  display: inline-block;
  margin-right: 12px;
}

.life2 .owl-nav {
  display: flex;
  grid-gap: 18px;
  justify-content: right;
  margin-top: 16px;
}

/*** use the below if this causes issues ***/   
body {
  overflow-x: hidden;
}

{#########
@media all and (min-width : 891px ) { 

.life2 .item>* {
transform: scale(.97) 
translateX(-4px);
}
article.the-post {
overflow: hidden;
padding: 0 2px;
}
}

@media all and (max-width : 890px ) { 
main#main-content {
overflow: hidden;
}
}
#########}