<div class="works__examples">
    <div class="works__grid">
        <a class="works__item" href="">
            <img class="works__img" src="https://picsum.photos/id/237/200/300" width="499px" alt="examples">
        </a>
        <a class="works__item" href="">
            <img class="works__img" src="https://picsum.photos/id/238/200/300" width="248px" alt="examples">
        </a>
        <a class="works__item" href="">
            <img class="works__img" src="https://picsum.photos/id/239/200/300" width="248px" alt="examples">
        </a>
        <a class="works__item" href="">
            <img class="works__img" src="https://picsum.photos/id/234/200/300" width="248px" alt="examples">
        </a>
        <a class="works__item" href="">
            <img class="works__img" src="https://picsum.photos/id/235/200/300" width="248px" alt="examples">
        </a>
    </div>
</div>

.works__examples {
    max-width: 67%;
    height: 440px;
    padding: 0 15px;
}

.works__grid {
    display: grid;
    grid-template-columns: 500px 250px 250px;
    grid-template-rows: 250px 190px;
    grid-gap: 5px;
}

.works__item:nth-child(1) {
  grid-column: span 2;
}

.works__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}