.campaign-full {
  width: 100%;
  aspect-ratio: 1536 / 720;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #100b08;
}

.campaign-full img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  border: 0;
}

.hero::after {
  background-image: url('assets/img/hero/hero-charcutaria.png');
  background-position: 84% 54%;
  background-size: min(52vw, 720px) auto;
}

.product-visual {
  position: relative;
  margin: -65px -55px -80px -20px;
}

.product-visual::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: 5%;
  bottom: 10%;
  left: 10%;
  height: 12%;
  border-radius: 50%;
  background: rgba(37, 0, 5, .5);
  filter: blur(30px);
}

.product-visual img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 22px 24px rgba(37, 0, 5, .35));
}

@media (max-width: 900px) {
  .hero::after {
    background-position: center 94%;
    background-size: min(88vw, 620px) auto;
  }

  .product-visual { margin: -35px auto -60px; }
}

@media (max-width: 620px) {
  .hero::after { background-size: 390px auto; }
  .product-visual { margin: -20px -24px -45px; }
}