.paragraph--type--media-grid > div {
      display: flex;
      flex-wrap: wrap;
  }
  
  .paragraph--type--media-grid > div > div::before {
    content: '';
    display: block;
    height: .625rem;
    width: calc(100% - 30px);
    background-image: -webkit-gradient(linear,0% 50%,100% 50%,color-stop(0%,#fdda24),color-stop(100%,#eb5f0c));
    background-image: -moz-linear-gradient(left,#fdda24 0%,#eb5f0c 100%);
    background-image: -webkit-linear-gradient(left,#fdda24 0%,#eb5f0c 100%);
    background-image: linear-gradient(to right,#fdda24 0%,#eb5f0c 100%);
}
  
  .paragraph--type--media-grid > div > div {
     width: 100%;
  }
  
  .paragraph--type--media-grid .media {
      margin-right: 30px;
      display: block;
      border: solid 1px #ddd;
  }
  
  @media print, screen and (min-width: 48em) {
      .paragraph--type--media-grid > div > div {
     width: calc(33.3333333333%);
     margin-bottom: 35px;
  }
}