.breakdance .gradient-transition{border-radius:0px}.gradient-transition{position:relative;overflow:clip;border-radius:12px;background-color:#1a1a1a;background-image:url(your-image.jpg);background-size:cover;background-position:center;isolation:isolate}.gradient-transition::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(60,60,60,0.8) 0%,transparent 30%),rgba(26,26,26,0.75);transition:background-color 1.2s ease;pointer-events:none}.gradient-transition::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#FF0000 0%,transparent 40%);opacity:0.70;transform:scale(1.15);transform-origin:bottom left;transition:opacity 0.8s ease,transform 0.8s ease;pointer-events:none}.gradient-transition:hover::before{background-color:rgba(26,26,26,0.45)}.gradient-transition:hover::after{opacity:1;transform:scale(1.35)}.gradient-transition>*{position:relative;z-index:2}.rhombus-shape{--rhombus:polygon(15% 0%,100% 0%,85% 100%,0% 100%);position:relative;overflow:hidden;clip-path:var(--rhombus)}.rhombus-shape img{width:100%;height:100%;object-fit:cover;display:block}.rhombus-shape::before{content:"";position:absolute;inset:0;pointer-events:none;clip-path:var(--rhombus);border:4px solid red;box-sizing:border-box}.breakdance .rhombus-border{height:100%}.rhombus-border{padding:1px;background:red;display:inline-block;clip-path:polygon(15% 0%,100% 0%,85% 100%,0% 100%)}