Fix weird overlaps and center featured collection on mobile

[EBOOST]

Hi @jasminsharp97 ,

May I suggest to update code these steps:

1. Go to Store Online-> theme → edit code
2. Assets/base.css
3. Add code below to end of file

@media(max-width: 768px){
  .card-wrapper.product-card-wrapper {
      margin: 0 auto;
  }
  .contains-card--product.grid {
    grid-row-gap: 2rem;
  }
  .contains-card--product.grid.grid--1-col-tablet-down .grid__item:last-child {
    margin-top: 0;
  }
}