.grid-container{display:flex;justify-content:space-between;height:80vh;padding:2rem;box-sizing:border-box}.card-wrapper{display:flex;position:relative;overflow:hidden;cursor:pointer;border-radius:50px;transition:all .6s ease-in-out}.card-wrapper.init{flex:0 0 30%}.card-wrapper.active{flex:0 0 100%}.card-wrapper.inactive{flex:0 0}.image-section{flex:2.5 1;position:relative}.image-section img{width:100%;height:100%;object-fit:cover;display:block}.details{flex:2 1;background-color:#083d87;display:flex;align-items:flex-start;overflow:hidden;box-shadow:-4px 0 12px rgba(0,0,0,.15);border-radius:0 10px 10px 0}.details,.details-content{height:100%;position:relative}.details-content{text-align:left;width:100%}.details-content h2{margin-bottom:1rem;color:#333}.details-content p{color:#555}@media (max-width:900px){.grid-container{flex-direction:column;height:auto;gap:1.5rem}.card-wrapper{flex-direction:column;height:60vh;width:100%}.card-wrapper.active,.card-wrapper.inactive{flex:1 1;width:100%}.details{width:100%!important;height:auto;position:relative}.details-content{padding:1.5rem}}