.container {
    display: flex;
    height: 50vh;
}

#a, #c {
    background-color: mediumspringgreen;
    align-items: center;
    justify-content: center;

}

#b {
    background-color: yellow;
    justify-content: space-around;
    align-items: end;
    position:relative;
    top: 25vh;
}

#ba {align-self:flex-start}

#c {
    position:relative;
    top: 50vh;
    height: 75vh;
}

#ca {
    display: flex;
    background-color: blue;
    flex-direction: column;
    width: 275px;
    justify-content: center;
}

#d {
    background-color: white;
    border: 5px solid green;
    width: 800px;
    height: 51vh;
    position:relative;
    top: 75vh;
    left: 17vw;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}

.d-kanin {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: red;
    border: 1px solid black;
    height: 98px;
    width: 98px;
}

.d-apa {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: blue;
    border: 1px solid black;
    height: 98px;
    width: 298px;
}

#a img {
    background-color: white;
}

#d div img{
    width: 50px;
}

.ca-flex {
    display: flex;
    justify-content: center;
    border: 1px solid black
}

img {
    width: 100px;
}