#top::before {
  content: "";
  display: block;
  width: 100%;
  height: 60px;
  background-image: url("https://cdn.distribuidoradentalpardo.com/product-images/banner-head.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  position: relative;
  z-index: 10;
}

@media (max-width: 768px) {
  #top::before {
    content: "";
    display: block;
    width: 100%;
    height: 90px;
    background-image: url("https://cdn.distribuidoradentalpardo.com/product-images/banner-head-mobile.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    position: relative;
    z-index: 10;
  }
}