.wrapper {
  height: 550px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.box {
  flex-shrink: 0;
  height: 100%;
  width: 35%;
  min-width: 500px;
  background-size: contain;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-size 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.box:hover {
  background-size: 85%;
}

.box-1 {
  background-image: url("/assets/image/elements/dinamica-campanha/dinamica-canecas.webp");
}

.box-2 {
  background-image: url("/assets/image/elements/dinamica-campanha/prato-sobremesa.webp");
}

.box-3 {
  background-image: url("/assets/image/elements/dinamica-campanha/dinamica-saladeira.webp");
}

.box-4 {
  background-image: url("/assets/image/elements/dinamica-campanha/dinamica-jogo-bowls.webp");
}

.box-5 {
  background-image: url("/assets/image/elements/dinamica-campanha/prato-jantar.webp");
}

.box-6 {
  background-image: url("/assets/image/elements/dinamica-campanha/dinamica-prato-servir.webp");
}

@media (max-width: 881px) {
  .box:hover {
    background-size: 75%;
  }
}