@media screen and (max-width: 1280px) {
   #sel-hero-img {
  width: 100%;
  height: 150px;
  margin-top:10px;
  object-fit: contain;
}
.hero-selection-layout .btn-style {
  width: 130px !important;
  padding: 5px !important;
  font-size: 16px !important;
  background: rgb(39, 174, 96) !important;
  align-self: flex-end !important;
}
.hero-details-col {
    padding: 0px !important;
}
.hero-list-item {
    flex-direction: column;
}
#global-stats-display {
    position: absolute;
}


 .hero-fighter {
        position: absolute;
        left: 120px;
        bottom: 0;
        width: 130px; /* Ширина як у колонки */
        height: 50%;  /* На пів екрану знизу */
        justify-content: center;
        align-items: flex-end;
        z-index: 0;
    }
    .hero-fighter img {
        width: 100%;
        height: auto;
        object-fit: cover;
        opacity: 0.9; /* Прозорість */
        mask-image:  none;
        -webkit-mask-image:none;
    }

    /* Позиціонування Монстра (Справа) */
    .enemy-fighter {
        position: absolute;
        right: 120px;
        bottom: 0;
        width: 130px;
        height: 50%;
        justify-content: center;
        align-items: flex-end;
        z-index: 0;
    }
    .enemy-fighter img {
        width: 100%;
        height: auto;
        object-fit: cover;
        opacity: 0.9;
        mask-image:  none;
        -webkit-mask-image:none;
    }


}