.demo-preview{background-color:var(--background-color);position:relative;height:330px;width:100%;border-radius:20px;overflow:hidden;display:grid;grid-template-rows:auto 1fr}.demo-preview__container{display:flex;flex-direction:column;cursor:pointer;padding:24px 0}.demo-preview__name{font-family:var(--font-poppins);font-weight:700;font-size:22px;line-height:1.3;letter-spacing:.6px;color:var(--text-color);text-align:left;width:100%;margin:4px 0 0;padding:0 30px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.demo-preview__image{max-height:100%;max-width:100%;width:100%;height:auto;justify-self:center;align-self:center;object-fit:cover;object-position:center}