/* Правки поверх app.css */
/* Обложки турниров содержат свой текст — на главной кладём картинку вправо, текст слайда на сплошной фон слева */
.hero-slide { background-color: #0d0e11; background-size: auto 100%; background-repeat: no-repeat; background-position: right center; }
.hero::after { background: linear-gradient(90deg, #0d0e11 0%, #0d0e11 38%, rgba(13,14,17,.75) 55%, rgba(13,14,17,0) 80%); }
@media (max-width: 640px) {
  .hero-slide { background-size: cover; background-position: center; }
  .hero::after { background: rgba(13,14,17,.72); }
}