.parent{grid-gap:10px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);height:100vh;display:grid}a{text-decoration:none}.text-overflow{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.parent{grid-gap:10px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);min-height:80vh;margin-bottom:2rem;display:grid}.album{cursor:pointer;position:relative;overflow:hidden}.album img{object-fit:cover;width:100%;height:100%}.album-title{color:#fff;background-color:#000000b3;padding:10px;transition:transform .3s ease-in-out;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.album:hover .album-title{transform:translateY(0)}.div1{grid-area:1/1/2/2}.div2{grid-area:1/2/2/3}.div3{grid-area:1/3/3/5}.div4{grid-area:2/2/3/3}.div5{grid-area:2/1/3/2}.div6{grid-area:3/1/5/3}.div7{grid-area:3/3/4/4}.div8{grid-area:3/4/4/5}.div9{grid-area:4/3/5/4}.div10{grid-area:4/4/5/5}.modal-content{background-color:#0000;border:none}.swiper-slide img{object-fit:contain;width:100%;height:100%}.error-message{text-align:center;color:red;padding:20px;font-weight:700}.modal-body{justify-content:center;align-items:center;height:100%;padding:0;display:flex}.swiper{width:100%;height:100%}.swiper-slide{justify-content:center;align-items:center;height:100%;display:flex}.swiper-slide img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:90vh}.swiper-slide video{width:auto;max-width:100%;height:auto;max-height:90vh}