/*Example: spriteSheet sprite-SideContainer scaled-sprite*/
.sprite-scaledHalfOfSize {
    transform: scale(0.5); /* Масштабирование (targetWidth px / spriteWidth px для Sprite)*/
    transform-origin: top left; /* Масштабирование от левого верхнего угла */
}
/* Базовые стили для всех спрайтов */
.spriteSheet {
    background-image: url('/images/ContainerSpriteSheetCompessed.png');
    background-repeat: no-repeat;
    background-size: auto; /* Размер спрайта будет управляться трансформацией */
    transform-origin: top left; /* Масштабирование начнётся от верхнего левого угла */
}

/* Специфичные стили для каждого спрайта */
.sprite-SideContainer {
    width: 277px;
    height: 106px;
    background-position: -42px -36px;
}

.sprite-OpenContainer {
    width: 186px;
    height: 106px;
    background-position: -367px -36px;
}

.sprite-DiagonalContainer {
    width: 175px;
    height: 132px;
    background-position: -30px -176px;
}

.sprite-FrontContainer {
    width: 96px;
    height: 106px;
    background-position: -225px -189px;
}

.sprite-DiagonalContainerWide {
    width: 232px;
    height: 127px;
    background-position: -338px -176px;
}