.pl-hero {
  background: #173972;
}

.pl-hero::after {
  inset: 0;
  opacity: .15;
  background-image: url('../images/talavera-pattern.svg');
  background-repeat: repeat;
  background-size: 300px 300px;
  transform: none;
}

@media (max-width: 767px) {
  .pl-hero::after { inset: 0; opacity: .12; background-size: 220px 220px; transform: none; }
}