div{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction: column;
    background-color:greenyellow;
    height: 300px;
}
div > img{
    height: 150px;
    width: 150px;
}
span{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    flex-direction: row;
    background-color:yellow;
    height: 300px;
}
span > img:nth-child(odd){
    height: 150px;
    width: 100px;
    margin-left: 70px;
    margin-right: 70px;
}
span > img:nth-child(2){
    height: 150px;
    width: 100px;
    align-self:flex-start;
}
.container{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction: column;
    background-color:greenyellow;
    height: 500px;
}
div.container > img{
    background-color:blue;
    padding-left: 80px;
    padding-right: 80px;
    height: 100px;
    width: 100px;
}
div.container > img:nth-child(2){
    border-bottom: 2px solid black;
    border-top: 2px solid black;
}
.container2{
    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;
}
div.container2 > img{
background-color:red; 
width:98px; 
height:98px; 
border:1px black solid; 
display:flex; 
justify-content: center; 
align-items: center;
}
div.container2 > img{
    align-self: flex-start;
}
div.container2 > img:nth-child(10), div.container2 > img:nth-child(11){
    background-color:blue; 
    padding-right:120px;
    padding-left: 120px;
    width:58px; 
    height:70px;
    padding-top: 14px;
    padding-bottom: 14px; 
}