*{padding:0;margin:0}body{background-color:#333;height:100vh;display:flex;justify-content:center;align-items:center}.titleContainer{text-align:center;font-size:32px;font-weight:700}.mainContainer{background-color:#fff;padding:24px;position:relative}.returnedContainer{display:flex;flex-direction:row}.individualContainer{margin:15px}.imageContainer{position:relative;width:280px;height:373.333px}.image{height:100%}.imageGreenOnly{position:absolute;bottom:0;transform-origin:bottom;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.projectTitle{position:absolute;font-weight:700;font-size:32px;bottom:0;right:10px;color:#fff;transition:transform .5s ease-in-out,font-size .5s ease-in-out}.imageContainer:hover .imageGreenOnly{transform:scaleY(1.5);cursor:pointer}.imageContainer:hover .projectTitle{transform:translateX(-25%)}.imageContainer,.imageGreenOnly,.projectTitle{cursor:pointer}.loginIconContainer{position:absolute;bottom:10px;right:10px;opacity:0;transition:opacity .5s ease-in-out}.imageContainer:hover .loginIconContainer{opacity:1}