*{ 
    box-sizing: border-box;
}
.clear{
    clear: both;
}
.clear:after{
    position: relative;
    content: "";
    clear: both;
    display: table;
    width: 100%;
}
html, 
body{
    width: 100%;height: 100%;
}
body{
    overflow-x: hidden;
    background: #222;
    margin: 0;
}
img{
    width: 100%;height: 100%;
    object-fit: cover;
}

.container{
    max-width: 1300px;
    margin: 0 auto;
}
.section{
    width: 100%;height: 100%;
    background: #aedbc7;
}


.imglryholder{
    width: 100%;height: 100%;
    overflow: hidden;
}
.imglry{
    width: 100%;height: 100%;
    background: #ebebeb;
    display: flex;
/*    align-items: center;*/
    overflow: hidden;
}
 
.content{
    width: 50%;
    position: relative;
}
 
.imgsec{
    position: relative;
    height: 100%;width: 50%;
}
.img{
    width: 100%;height: 100%;
    position: absolute;
    left: 0;top: 0;
    list-style: none;
    padding: 0;margin: 0;
}
.congl{
position: relative;
}
.congly{

}
.congly li {
  margin-bottom: 100px;
  list-style: none;
  position: absolute;
  top: -200px; 
}
.img li{
    position: absolute;
    left: 50%;top: 50%;
    transform: translate(-50%,-50%);
    height: 100%;width: 100%;
}