.square-box{align-items:flex-end;border-radius:.5rem;display:flex;height:300px;position:relative;width:100%;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.square-box{width:300px}}.square-box .square-box-img{border-radius:.5rem;border-width:1px;height:100%;width:100%;--tw-border-opacity:1;border-color:rgb(23 23 23/var(--tw-border-opacity,1))}.square-box .square-box-meta{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border-color:rgb(23 23 23/var(--tw-border-opacity,1));border-width:1px;position:absolute;width:100%;--tw-border-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));border-top-color:rgb(0 0 0/var(--tw-border-opacity,1));--tw-bg-opacity:.7;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#000 var(--tw-gradient-to-position);padding:.5rem}