section.tcg-sec { display: inline-block; width: 100%; vertical-align: top; padding: 40px 0; }
section.tcg-sec .tcg-wrap { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; }
section.tcg-sec .tcg-wrap .left { width: 50%; display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 16px; }
section.tcg-sec .tcg-wrap .left img { grid-column: span 12; width: 100%; height: 100% !important; object-fit: cover; object-position: center; }
section.tcg-sec .tcg-wrap .left img:nth-child(4n+2) { grid-column: span 6; }
section.tcg-sec .tcg-wrap .left img:nth-child(4n+3) { grid-column: span 6; }
section.tcg-sec .tcg-wrap .right { width: 50%; padding-left: 80px; }


@media(max-width: 991px){ 
  section.tcg-sec .tcg-wrap .right { padding-left: 40px;
  }

  @media(max-width: 767px){ 
    section.tcg-sec .tcg-wrap .left { width: 100%; }
    section.tcg-sec .tcg-wrap .right { width: 100%; padding: 24px 0 0; }
    section.tcg-sec { padding: 24px 0; }
  }