figure {
    background-color: #ffea80;
    border: 1px solid #decfbb;
    border-radius: 15px;
    cursor: pointer;
    float: left;
    font-size: 100%;
    margin: 1%;
    padding: 0 10px 10px;
    transition: background-color 0.2s ease-out 0s;
    width: 23%;
}
figure img {
    margin-top: 5px;
    width: 100%;
}
figcaption {
    text-align: center;
}
figure:hover {
    background-color: #f4c430;
}
@media screen and (max-width: 1100px) {
figure {
width: 31%
	}
}
@media screen and (max-width: 980px) {
figure {
width: 48%
	}
}