.containera {
    display: flex;
    background-color: lightgreen;
    justify-content: center;
    height: 300px;
    align-items: center;
}

.containera img {
    width: 100px;
    height: 100px;
    background-color: white;
}

.containerb {
    display: flex;
    background-color: yellow;
    height: 300px;
    justify-content: space-around;
    align-items: flex-start;
}

.containerb img {
    max-width: 100px;
    max-height: 100px;
    background-color: white;
}

.containerb img.blue {
    align-self: flex-end;
}

.containerc {
    display: flex;
    background-color: lightgreen;
    flex-direction: column;
    height: 500px;
    justify-content: center;
    align-items: center;

}

.containerc img {
    max-width: 100px;
    max-height: 150px;

}

.white {
    background-color: white;
}

.row {
    display: flex;
    background-color: blue;
    flex-direction: column;
    width: 300px;
    align-items: center;
}

.kanin,
.apa,
.krokodil {
    display: flex;
    width: 300px;
    border: 1px solid black;
    justify-content: center;
}

.containerd {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 800px;
    height: 300px;
    justify-content: space-between;
    background-color: white;
    margin: auto;
    border: 5px green solid;
}

.containerd .rot {
    background-color: red;
    width: 98px;
    height: 98px;
    border: 1px black solid;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.containerd .blau {
    background-color: blue;
    width: 298px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.containerd img {
    width: 50px;
    align-self: center;
}