<div class="image-container">
  <img src="https://dummyimage.com/1600" sizes="(min-width: 769px) 25vw,
                (min-width: 376px) 50vw,
                100vw" srcset="
            https://dummyimage.com/375 375w,
            https://dummyimage.com/600 600w,
            https://dummyimage.com/786 786w,
            https://dummyimage.com/1080 1080w,
            https://dummyimage.com/1600 1600w,
            https://dummyimage.com/2400 2400w" />
  <img src="https://dummyimage.com/1600" sizes="(min-width: 769px) 25vw,
                (min-width: 376px) 50vw,
                100vw" srcset="
            https://dummyimage.com/375 375w,
            https://dummyimage.com/600 600w,
            https://dummyimage.com/786 786w,
            https://dummyimage.com/1080 1080w,
            https://dummyimage.com/1600 1600w,
            https://dummyimage.com/2400 2400w" />
  <img src="https://dummyimage.com/1600" sizes="(min-width: 769px) 25vw,
                (min-width: 376px) 50vw,
                100vw" srcset="
            https://dummyimage.com/375 375w,
            https://dummyimage.com/600 600w,
            https://dummyimage.com/786 786w,
            https://dummyimage.com/1080 1080w,
            https://dummyimage.com/1600 1600w,
            https://dummyimage.com/2400 2400w" />
  <img src="https://dummyimage.com/1600" sizes="(min-width: 769px) 25vw,
                (min-width: 376px) 50vw,
                100vw" srcset="
            https://dummyimage.com/375 375w,
            https://dummyimage.com/600 600w,
            https://dummyimage.com/786 786w,
            https://dummyimage.com/1080 1080w,
            https://dummyimage.com/1600 1600w,
            https://dummyimage.com/2400 2400w" />
</div>

img {
  width: 100%;
}

@media (min-width: 376px) {
  .image-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    grid-gap: 1em;
  }
}

@media (min-width: 769px) {
  .image-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0.2em;
  }
}