.block {
    background-color: #f3e5c3;
    padding: 10px;
    display: flex;
    gap: 10px;
}

.dog-1 { background-position: -16px -15px; }
.dog-2 { background-position: -215px -15px; }
.dog-3 { background-position: -414px -15px; }
.dog-4 { background-position: -613px -15px; }
.dog-5 { background-position: -812px -15px; }
.dog-6 { background-position: -16px -195px; }
.dog-7 { background-position: -215px -195px; }
.dog-8 { background-position: -414px -195px; }
.dog-9 { background-position: -613px -195px; }
.dog-10 { background-position: -812px -195px; }
.dog-11 { background-position: -16px -375px; }
.dog-12 { background-position: -613px -375px; }
.dog-13 { background-position: -16px -375px; }
.dog-14 { background-position: -414px -375px; }
.dog-15 { background-position: -700px -350px; }

.dog {
    width: 175px;
    height: 175px;
    border-radius: 10px;
    background-image: url(https://users.ct.fh-salzburg.ac.at/dogs.webp);
}

.grid {
        display: grid;
        gap: 10px;
        grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 730px){
    .grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1000px){
    .grid {
        grid-template-columns: 1fr 1fr;
    }
}