.happy-hours__text {
  margin-bottom: 5px;
}
@media screen and (max-width: 1080px) {
  .happy-hours {
    height: 169px;
    max-width: 110%;
    width: auto;
    background-image: url(./lucky-hours__mob.webp);
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    background-position: 50% 75%;
    padding-top: 3px;
    padding-left: 9px;
    gap: 3px;
    margin: 0 -10px;
  }
}
@media screen and (max-width: 550px) {
  .happy-hours {
    background-position: 50% 90%;
  }
}