Испытание: наведение порядка

/* Общее оформление */
html,
body {
margin: 0;
padding: 0;
}

body,
div,
.gallery {
width: 550px;
font-size: 14px;
font-family: “Tahoma”, “Arial”, sans-serif;
color: black;
}

.gallery {
display: flex;
flex-wrap: wrap;

width: 300px;
padding: 10px;
}

div
.picture
{
width: 100px;
height: 100px;
margin: 10px;
padding: 10px;
border: 5px solid burlywood;

text-align: center;

background-repeat: no-repeat;
background-position: 50% 80%;
background-size: 64px 64px;
background-color: white;

border-radius: 10px;
}

/* Оформление картинок */
div.cat-foodlove {
background-image: url(“cat-foodlove.svg”);
}

#scary.cat-slippers {
background-image: url(“cat-slippers.svg”);
}

.gallery .cat-cage {
background-image: url(“cat-cage.svg”);
color: black !important;

}

.gallery .cat-fat {
width: 100px;
height: 100px;
margin: 10px;
padding: 10px;
border: 5px solid burlywood;

background-image: url(“cat-fat.svg”);
}

А я так сделал.
html,
body {
margin: 0;
padding: 0;
}

body {
width: 550px;
font-size: 14px;
font-family: “Tahoma”, “Arial”, sans-serif;
color: black;
}

.gallery {
display: flex;
flex-wrap: wrap;

width: 300px;
padding: 10px;
}
.picture {
width: 100px;
height: 100px;
margin: 10px;
padding: 10px;
border: 5px solid burlywood !important;

text-align: center;

background-repeat: no-repeat;
background-position: 50% 80%;
background-size: 64px 64px;
background-color: white;

border-radius: 10px;
}

/* Оформление картинок */
div.cat-foodlove {
background-image: url(“cat-foodlove.svg”);
background-color: white;
}

div#scary.cat-slippers {
background-image: url(“cat-slippers.svg”);
}
div.picture.cat-fat {
background-image: url(“cat-fat.svg”);
width: 100px;
height: 100px;
margin: 10px;
padding: 10px;
}
div.picture.cat-cage {
background-image: url(“cat-cage.svg”);
color: black !important;
}

Вот так получилось
/* Общее оформление */
html,
body {
margin: 0;
padding: 0;
}

body {
width: 550px;
font-size: 14px;
font-family: “Tahoma”, “Arial”, sans-serif;
color: black;
}

.gallery {
display: flex;
flex-wrap: wrap;

width: 300px;
padding: 10px;
}

div .picture {
width: 100px;
height: 100px;
margin: 10px;
padding: 10px;
border: 5px solid burlywood;

text-align: center;

background-repeat: no-repeat;
background-position: 50% 80%;
background-size: 64px 64px;
background-color: white;

border-radius: 10px;
}

/* Оформление картинок */
.picture.cat-foodlove {
background-image: url(“cat-foodlove.svg”);
}

.picture.cat-slippers#scary {
background-image: url(“cat-slippers.svg”);
}

.picture.cat-cage {
background-image: url(“cat-cage.svg”);
color:black !important;

}

.picture.cat-fat {
background-image: url(“cat-fat.svg”);
width: 100px;
height: 100px;
}