.frontpage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}




.frontpage .enter-container {
    width: 50%; 
   cursor : pointer;
}




.frontpage .pic{
            position: relative;
            overflow: hidden;
            margin:0 auto;
           
        }

.frontpage .pic img{
                width: 100%;
                transition: all 0.6s;
                min-height: 937px;
                object-fit: cover;
                object-position: center;
                max-width: 100%;
            }




.frontpage .pic:hover img{
   opacity:0.8;
}




@media screen and (max-width: 951px){
.frontpage .enter-container {
    width: 100%;
}

.frontpage {
    flex-direction:column;
    height:auto;
}

   .frontpage .pic img{
             
    min-height: 100%;
   
            }
}