.showcase {
  background-image: url("/assets/showcase-menu.png");
  background-size: cover;
  height: 70vh;
  min-height: 500px;
}

.menu-item1 {
  background-image: url("/assets/photos/menu/selection/compressed/journee-menu-2.jpg");
  background-size: cover;
  background-position: center;
  height: 40vh;
  min-height: 400px;
}

.menu-item2 {
  background-image: url("/assets/photos/menu/selection/compressed/matin-menu.jpg");
  background-size: cover;
  background-position: center;
  height: 40vh;
  min-height: 400px;
}
.menu-item3 {
  background-image: url("/assets/photos/menu/selection/compressed/vins-menu.jpg");
  background-size: cover;
  background-position: center;
  min-height: 400px;
  height: 40vh;
}
.menu-item4 {
  background-image: url("/assets/photos/menu/selection/compressed/boissons-menu.jpg");
  background-size: cover;
  background-position: center;
  height: 40vh;
  min-height: 400px;
}

.menu-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  max-width: 1400px;
  margin: auto;
}
.menu {
  padding: 55px 0 55px 0;
}

.menu-title {
  font-size: 40px;
  font-weight: 500;
  padding: 30px 0;
}

.menu-item {
  display: flex;
  position: relative;
  transition-duration: 0.6s;
}
.menu-item:hover {
  scale: 1.05;
  transition-duration: 0.6s;
}
/* .menu-item.background-image{
  transition-duration: 0.6s;

}
.menu-item.background-image:hover {
  background-size: 120%;
  transition-duration: 0.6s;
} */
.menu-item .button-bg-white {
background-color: white;
color: #114133;
}
.menu-item:hover .button {
  scale: 1.1;
  transition-duration: 0.6s;
}
.overlay {
  background-color: rgb(0, 0, 0, 0.4);
  z-index: 1;
}

.menu-item a {
  margin: auto;
}

@media (max-width: 700px) {
  .menu-block {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 1400px;
    margin: auto;
  }
}