.float{position:fixed;width:60px;height:60px;bottom:15px;left:16px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;z-index:100;animation:beat .25s infinite alternate;transform-origin:center}.my-float{margin-top:16px}@keyframes beat{to{transform:scale(1.05)}}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.image-container{position:relative;overflow:hidden;border-radius:12px}.image-container img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.image-container:hover img{transform:scale(1.1)}.image-container::before{content:"";position:absolute;width:150%;height:0%;left:50%;top:50%;background-color:rgba(255,255,255,0.3);transform:translate(-50%,-50%) rotate(-45deg);z-index:1;transition:height 0.6s ease}.image-container:hover::before{height:350%}