.container {
    display: flex;
    background-color: rgb(0, 255, 85);
    width: 100%;
    height: 400px;
    align-items: center;
    justify-content: center;
}
.container div {

    size: 50px;
    padding: 10px;
    margin: 10px;
    background-color: azure;
    height: 140px;
}
.container img {
    width: 120px;
    height: 140px;
}
.con1 img {
    width: 120px;
    height: 140px;
}
.con2 img {
    width: 120px;
    height: 140px;
}
.con1 {
    display: flex;
    height: 400px;
    background-color: rgb(243, 255, 75);
    justify-content: space-around;
}
.con1 .apa {
    align-items: flex-start;
    border-style: groove;
    border-color: blue;
    border-width: 2px;
    height: 140px;
}
.con1 .krok {
    align-self: flex-end;
    border-width: 2px;
    border-color: black;
    border-style: solid;
}
.krok {
    background-color: rgb(255, 255, 255);
}
.con2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 500px;
    background-color: rgb(150, 255, 150);
}
.con2 div {
    border: 1px solid rgb(7, 0, 72);
    width: 300px;
    background-color: blue;
    text-align: center;
}
.con3{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 800px;
    height: 300px;
    justify-content: space-between;
    margin:auto;
    border: 4px solid black;
}
.con3 img {width: 50px;}
.con3 div { 
    background-color:red; 
    width:98px; 
    height:98px; 
    border:1px black solid; 
  	display:flex; 
    justify-content: center; 
    align-items: center; }
.con3 .apapa  {
    width: 298px;
    background-color: blue;

}