.square,.square img{width:330px;height:170px}.container{display:flex;justify-content:center;align-items:center;margin-bottom:16px;margin-left:-6px;margin-top:-5px}.square,.square2{margin:5px;position:relative}.square-container{display:flex;flex-direction:column;justify-content:flex-end}.square{padding:0;top:6px}.row,.row2{display:flex;align-items:flex-start;justify-content:flex-end}.square2{width:615px;height:338px}.square2:last-child,.square:last-child{margin-right:0}.square2 img{width:616px;height:350px}.square h3,.square2 h3{position:absolute;top:0px;left:0;z-index:98;width:calc(100% - 40px);padding:120px 20px 20px;font-size:22px;color:#fff;line-height:28px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 65%)}.square2 h3{bottom:-12px}.square h3{bottom:0}.square2:hover h3,.square:hover h3{background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 65%)}@media (max-width:600px){.square img,.square2 img{height:170px;width:100%}.container,.row,.row2,.square,.square-container,.square2{margin:0;padding:0;width:100%;position:relative;display:inline-table;flex-direction:initial;align-items:initial;justify-content:initial;height:170px}.squad{padding-top:5px}.square h3,.square2 h3{bottom:4px}}@media (min-width:600px) and (max-width:1300px){.square h3,.square2 h3{font-size:15px}.square,.square2{width:100%;min-width:200px}.square h3{bottom:0}.square2 img{width:100%}.square img{width:240px;height:170px}}@media (min-width:1370px) and (max-width:2000px){.square,.square2{width:100%;min-width:200px}.square2 h3{bottom:-12px}.square2 img{width:100%}.square h3{bottom:0}}