Css de veya başka şekilde resimdeki gibi resimleri sayfada görüntüleme yardım lütfen

merhaba resimdeki gibi kategoriler yapmak istiyorum mobil uyumlu olmalı görüldüğü gibi dizeceğim resimler mantıken bu şekilde olmalı bazısı aynı boy 3 sıra alt satıra geçince 2 si farklı yanındaki 2 sinin boyunda gibi olmalı
bu konuda ne nasıl yapılmalı bilgi verebilirseniz sevinirim teşekkürler

Bootstrap dah yararlanabilirsiniz hocam.

Grid system

https://gridbyexample.com/

Daha iyi bir mantığı elbette vardır fakat responsive yapacağın için bu işini görecektir...

Mesela bu daha pratikmiş...

<div class="row">
  <div class="col-12">
    <div class="box bg-danger"><img src="https://images2.minutemediacdn.com/image/upload/c_crop,h_3236,w_5760,x_0,y_0/f_auto,q_auto,w_1100/v1554700227/shape/mentalfloss/istock-609802128.jpg" /></div>
  </div>
  <div class="col-md-4">
    <div class="box bg-danger">2</div>
  </div>
  <div class="col-md-4">
    <div class="box bg-danger">3</div>
  </div>
  <div class="col-md-4">
    <div class="box bg-danger">4</div>
  </div>
  <div class="col-md-4">
    <div class="row">
      <div class="col-12">
        <div class="box bg-danger">5</div>
      </div>
      <div class="col-12">
        <div class="box bg-danger">6</div>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="box box--lg bg-danger">7</div>
  </div>
  <div class="col-md-4">
    <div class="row">
      <div class="col-12">
        <div class="box box--sm bg-danger">8</div>
      </div>
      <div class="col-12">
        <div class="box box--sm bg-danger">9</div>
      </div>
      <div class="col-12">
        <div class="box box--sm bg-danger">10</div>
      </div>
    </div>
  </div>
</div>

.box {display:block;height:200px;margin-top:16px;}
.box--sm {height: 128px;}
.box--lg {height: 416px;}
.box img{width:100%;height:100%;display:block;object-fit:cover}

Harika tam istediğim olay bu hocam içine ekleyeceğim resim kodu nasıl olmalı tam ölçüsüne uyması için renspon olması için

HTML, CSS kodlarını tekrar güncelledim.