.bare-metal-hero {
  background:
    linear-gradient(90deg, rgba(244, 248, 255, 0.9) 0%, rgba(244, 248, 255, 0.58) 47%, rgba(244, 248, 255, 0.04) 100%),
    url("/web/www/img/bare-metal-server-hero.png") center top / cover no-repeat;
}

.bare-metal-filter {
  margin-bottom: 34px;
}

@media (max-width: 720px) {
  .bare-metal-hero {
    background-position: 58% top;
  }
}