<style>

  .hero-banner {

    position: relative;

    width: 100%;

    max-width: 1920px;

    margin: 0 auto;

    overflow: hidden;

  }

  .hero-banner img {

    width: 100%;

    height: auto;

    display: block;

  }

  .hero-text {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    color: #fff;

    text-align: center;

    text-shadow: 0 2px 10px rgba(0,0,0,0.5);

    width: 90%;

    max-width: 800px;

    padding: 20px;

    pointer-events: none;

  }

  .hero-text h1 {

    font-size: 3rem;

    font-weight: 700;

    margin-bottom: 20px;

  }

  .hero-text p {

    font-size: 1.3rem;

    line-height: 1.6;

    margin-bottom: 25px;

  }

  .hero-text .btn {

    background: #4A90D9;

    color: #fff;

    padding: 15px 40px;

    border: none;

    border-radius: 30px;

    text-decoration: none;

    font-weight: 600;

    display: inline-block;

    pointer-events: auto;

  }

  @media (max-width: 768px) {

    .hero-text h1 { font-size: 2rem; }

    .hero-text p { font-size: 1rem; }

    .hero-text .btn { padding: 10px 20px; font-size: 0.9rem; }

  }

</style>

<div class="hero-banner">

  <img src="image/catalog/banner2.png" alt="Лого на всё">

  <div class="hero-text">

    <h1>Нанесём логотип на любую сувенирную продукцию</h1>

    <p>Работаем с 2007 года. Более 10 000 клиентов. Оптовые тиражи.</p>

    <a href="/contact" class="btn">Получить расчёт</a>

  </div>

</div>