.container-green
{
    display: flex;
     flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: lightgreen;
    height: 300px;
   
    
    
}

.container-green img
{
width: 150px; 
height: 150px;
}


.container-yellow
{
    display: flex;
    justify-content: center;
    background-color: yellow;
    height: 300px;
    justify-content: space-around;
    margin-top: 100px;
    flex-direction: row;
    align-items: center;
    
}

#apor-yellow{align-self:flex-end ;}

#krokodil-yellow{align-self: flex-start;}




.container-yellow img
{
width: 150px; 
height: 150px;
}


.container-green2{
    display: flex; 
    flex-direction: column;
    background-color:lightgreen;
    align-items:center;
    justify-content: center;
    height: 400px;
    margin-top: 100px;
    
    
 
}

.container-green2 img
{

width: 90px; 
height: 90px;
padding-left: 100px;


}

.container-green2 .blue
{
background-color: blue;
width: 300px;
height: 100px;
border: black 1px solid;
}

.container-last
{
display: flex;
width: 800px;
flex-direction: row;
align-items: center;
background-color:white;
margin-top: 100px;

}

.container-last .red
{
background-color: red;
margin-left: 1px;
}

.container-last img
{
width: 98px ;
height: 98px;
}