Вот так было:

<section class="portfolio">
  <div class="portfolio__inner">
    <p class="portfolio__eyebrow">Свадебный видеограф</p>
    <h1>Истории, которые хочется пересматривать</h1>

    <div class="portfolio__grid">
      <article class="work-card">
        <video src="/video/wedding-01.mp4" autoplay muted loop playsinline></video>
        <div class="work-card__content">
          <h2>Антон + Мария</h2>
          <p>Нижний Новгород · 2026</p>
        </div>
      </article>

      <article class="work-card">
        <video src="/video/wedding-02.mp4" muted loop playsinline></video>
        <div class="work-card__content">
          <h2>Илья + Алина</h2>
          <p>Москва · 2026</p>
        </div>
      </article>
    </div>

    <button class="portfolio__more" type="button">Показать ещё</button>
  </div>
</section>

<style>
.portfolio { padding: 80px 24px; background: #fff; color: #111; }
.portfolio__inner { width: min(1180px, 100%); margin: 0 auto; }
.portfolio__eyebrow { opacity: .55; text-transform: uppercase; letter-spacing: .08em; }
.portfolio__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.work-card { position: relative; overflow: hidden; border-radius: 18px; background: #111; }
.work-card video { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.work-card__content { padding: 18px; color: #fff; }
.portfolio__more { margin-top: 28px; padding: 12px 18px; border: 1px solid #111; background: transparent; }
@media (max-width: 720px) { .portfolio__grid { grid-template-columns: 1fr; } }
</style>

Вот так прошу сделать для удобства:

<section class="portfolio">
  <div class="portfolio__inner">
    <p class="portfolio__eyebrow">Свадебный видеограф</p>
    <h1>Истории, которые хочется пересматривать</h1>

    <div class="portfolio__grid">
      <article class="work-card">
        <video src="/video/wedding-01.mp4" autoplay muted loop playsinline></video>
        <div class="work-card__content">
          <h2>Антон + Мария</h2>
          <p>Нижний Новгород · 2026</p>
        </div>
      </article>

      <article class="work-card">
        <video src="/video/wedding-02.mp4" muted loop playsinline></video>
        <div class="work-card__content">
          <h2>Илья + Алина</h2>
          <p>Москва · 2026</p>
        </div>
      </article>
    </div>

    <button class="portfolio__more" type="button">Показать ещё</button>
  </div>
</section>

<style>
.portfolio { padding: 80px 24px; background: #fff; color: #111; }
.portfolio__inner { width: min(1180px, 100%); margin: 0 auto; }
.portfolio__eyebrow { opacity: .55; text-transform: uppercase; letter-spacing: .08em; }
.portfolio__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.work-card { position: relative; overflow: hidden; border-radius: 18px; background: #111; }
.work-card video { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.work-card__content { padding: 18px; color: #fff; }
.portfolio__more { margin-top: 28px; padding: 12px 18px; border: 1px solid #111; background: transparent; }
@media (max-width: 720px) { .portfolio__grid { grid-template-columns: 1fr; } }
</style>