<style>
#rec1045999981 .tn-elem[data-elem-id="1623740564755"] .tn-atom { /*id вашего блока*/
width: 200%;
height: 200%;
z-index: 0;
pointer-events: none;
animation: moveBlobs 60s infinite alternate ease-in-out;
background:
radial-gradient(circle at 20% 30%, #e94a6c 0%, transparent 40%),
radial-gradient(circle at 70% 40%, #cf2a51 0%, transparent 50%),
radial-gradient(circle at 50% 70%, #b12043 0%, transparent 60%),
radial-gradient(circle at 80% 80%, #f4c16c 0%, transparent 50%),
radial-gradient(circle at 30% 80%, #fae0a3 0%, transparent 60%);
background-blend-mode: soft-light;
background-repeat: no-repeat;
background-size: cover;
filter: blur(80px);
transform: translate(-25%, -25%);
}
.bg-blobs {
position: fixed;
top: 0;
left: 0;
width: 200%;
height: 200%;
pointer-events: none;
z-index: -1;
animation: moveBlobs 10s infinite alternate ease-in-out;
background:
radial-gradient(circle at 20% 30%, #e94a6c 0%, transparent 40%),
radial-gradient(circle at 70% 40%, #cf2a51 0%, transparent 50%),
radial-gradient(circle at 50% 70%, #b12043 0%, transparent 60%),
radial-gradient(circle at 80% 80%, #f4c16c 0%, transparent 50%),
radial-gradient(circle at 30% 80%, #fae0a3 0%, transparent 60%);
background-blend-mode: soft-light;
background-repeat: no-repeat;
background-size: cover;
filter: blur(80px);
transform: translate(-25%, -25%);
}
@keyframes moveBlobs {
0% {
transform: translate(-25%, -25%) scale(1);
filter: blur(80px);
}
50% {
transform: translate(-20%, -30%) scale(1.05);
filter: blur(100px);
}
100% {
transform: translate(-30%, -20%) scale(1.1);
filter: blur(80px);
}
}
</style>