.visible-animation{animation-duration:1s;animation-name:example;animation-fill-mode:forwards}@keyframes example{0%{opacity:0}to{opacity:1}}.image-container{position:relative;display:inline-block;width:100%;max-width:640px;border-radius:1rem;overflow:hidden;height:100%}.image-container img{display:block;width:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;height:100%}.overlay-custom{position:absolute;bottom:0;left:0;right:0;height:100%;background:rgba(0,0,0,.6);opacity:0;transition:opacity .5s ease;display:flex;align-items:center;justify-content:center}.overlay-custom .custom-link{display:none}.image-container:hover .overlay-custom{opacity:1;cursor:pointer;background:rgba(0,0,0,.7)}.overlay-custom p{font-size:3rem;line-height:normal;padding:1rem;text-align:center}.image-container:hover .overlay-custom p{display:none}.image-container:hover .overlay-custom .custom-link{display:inline-flex}.image-container:hover .image{transform:scale(1.05)}.scroll-item{opacity:0;transform:translateY(20px);transition:opacity 1s ease-in,transform 1s ease-out}.scroll-item.visible{opacity:1;transform:translateY(0)}.text-side{display:flex;flex-direction:column;justify-content:center;height:100%;border-radius:1rem}@media screen and (max-width:640px){.image-container{display:none}.text-side{display:block}}