.grid-sec { width: 100%; display: inline-block; }
.grid-sec .grid-inner { width: 100%; display: flex; align-items: stretch; justify-content: center; gap: 16px; position: relative; z-index: 1; }
.grid-sec .grid-inner .post { width: 100%; display: inline-block; }
.grid-sec .grid-inner.two .post { height: 360px; }
.grid-sec .grid-inner + .grid-inner { margin-top: 16px; }
.grid-sec .grid-inner .post { width: 100%; display: flex; align-items: flex-end; justify-content: flex-start; position: relative; z-index: 1; background-position: center; background-repeat: no-repeat; background-size: cover; }
.grid-sec .grid-inner.one .post { height: 360px; }
.grid-sec .grid-inner.three .post { height: 500px; }
.grid-sec .grid-inner.three .post:first-child, .grid-sec .grid-inner.three .post:nth-child(3) { width: 25%; }
.grid-sec .grid-inner.three .post:nth-child(2) { width: 50%; }
.grid-sec .grid-inner .post a { width: 100%; padding: 30px; text-decoration: none; position: relative; z-index: 1; height: 100%; display: flex; align-items: flex-end; justify-content: flex-start; }
.grid-sec .grid-inner .post .caption { width: 100%; display: inline-block; }
.grid-sec .grid-inner .post .caption * { color: #fff; }
.grid-sec .grid-inner .post .caption .title, .grid-sec .grid-inner .post .caption .text { width: 100%; display: inline-block; }
.grid-sec .grid-inner .post .caption .title h3 { display: inline-block; margin: 0; width: 100%; font-size: 30px; font-weight: bold; line-height: 45px; font-style: normal; text-align: left; color: #ffffff; }
.grid-sec .grid-inner:first-child:after { content: ''; position: absolute; top: -120px; right: -120px; background-image: url(https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/Grupo%20278.svg);); width: 300px; height: 300px; background-position: center; background-repeat: no-repeat; background-size: contain; }  
.grid-sec .grid-inner .post.video a:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url(https://5122113.fs1.hubspotusercontent-na1.net/hubfs/5122113/video-play.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 100px; height: 100px; }

@media(max-width:1520px){
  .grid-sec .grid-inner:first-child:after { top: -80px; right: -80px; width: 200px; height: 200px; }
}

@media(max-width:1400px){
  .grid-sec .grid-inner:first-child:after { display:none; }
}

@media(max-width:991px){
  .grid-sec .grid-inner.two .post { height: 260px; }
  .grid-sec .grid-inner.one .post { height: 260px; }
  .grid-sec .grid-inner.three .post { height: 360px; }
  .grid-sec .grid-inner.three .post a { padding: 30px 16px; }
  .grid-sec .grid-inner .post .caption .title h3 { font-size: 22px; line-height: 32px; }
}

@media(max-width:767px){
  .grid-sec .grid-inner { flex-wrap: wrap; }
  .grid-sec .grid-inner.three .post:first-child, .grid-sec .grid-inner.three .post:nth-child(2), .grid-sec .grid-inner.three .post:nth-child(3) { width: 100%; height: 260px; }
}