.dogsize {
    position: fixed;
    width: 32px;
    height: 32px;
    transform: scale(4);
}

.dog {
    position: fixed;
    width: 32px;
    height: 32px;
    transform: scale(4);
    background: url('dog.png');
    background-clip: content-box;
    image-rendering: pixelated;
}

.hd-right-1 {
    background-position: -384px 0px;
}

.hd-right-2 {
    background-position: -416px 0px;
}

.hd-right-3 {
    background-position: -448px 0px;
}

.hd-right-4 {
    background-position: -416px 0px;
}

.hd-right-sleep {
    background-position: -480px 0px;
}

.hd-up-1 {
    background-position: -384px -32px;
}

.hd-up-2 {
    background-position: -416px -32px;
}

.hd-up-3 {
    background-position: -448px -32px;
}

.hd-up-4 {
    background-position: -416px -32px;
}

.hd-up-sleep {
    background-position: -480px 0px;
}

.hd-down-1 {
    background-position: -384px -64px;
}

.hd-down-2 {
    background-position: -416px -64px;
}

.hd-down-3 {
    background-position: -448px -64px;
}

.hd-down-4 {
    background-position: -416px -64px;
}

.hd-down-sleep {
    background-position: -480px -128px;
}

.hd-left-1 {
    background-position: -384px -96px;
}

.hd-left-2 {
    background-position: -416px -96px;
}

.hd-left-3 {
    background-position: -448px -96px;
}

.hd-left-4 {
    background-position: -416px -96px;
}

.hd-left-sleep {
    background-position: -480px -96px;
}