.el-image {position: relative;display: flex;--softgen-img-x-position: 0px;--softgen-img-y-position: 0px;}.el-image img {width: 100%;height: 100%;object-fit: cover;object-position: center;transform: translate(var(--softgen-img-x-position), var(--softgen-img-y-position));}.sg-img-anim {animation-duration: 2s;animation-iteration-count: infinite;animation-timing-function: linear;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}.sg-img-anim-updown {animation-name: sgAnimUpDown;-webkit-animation-name: sgAnimUpDown;}.sg-img-anim-leftright {animation-name: sgAnimLeftRight;-webkit-animation-name: sgAnimLeftRight;}.sg-img-anim-rotate {animation-name: sgAnimRotateCenter;-webkit-animation-name: sgAnimRotateCenter;animation-fill-mode: both;-webkit-animation-fill-mode: both;}.el-multi-image-wrap{position: relative;}.el-multi-image-main{width: 100%;height: 100%;display: flex;}.el-multi-image-main img{width: 100%;}.additional-image{max-width: 100%;position: absolute;left: 0;top: 0;z-index: 1;}.el-img-content-wrap{--softgen-content-icon-width: 65px;background-color: var(--softgen-primary-color, #4b83ff);color: var(--softgen-white-color, #fff);display: grid;grid-template-columns: 1fr;align-items: center;padding: 0 20px 0 0;border-radius: 3px;position: absolute;left: 0;top: 0;z-index: 1;}.el-img-content-wrap svg{fill: currentColor;}.el-img-content-wrap.is-icon-yes{grid-template-columns: var(--softgen-content-icon-width) 1fr;grid-gap: 10px;}.el-img-content-icon{background-color: #4079f5;width: var(--softgen-content-icon-width);height: 74px;color: var(--softgen-white-color, #fff);font-size: 24px;display: flex;align-items: center;justify-content: center;border-radius: 3px;}.el-img-content-icon svg, .el-img-content-icon img{width: 24px;}.el-img-heading{font-family: var(--softgen-primary-font, "Syne");font-size: 28px;font-weight: 700;margin: 10px 0 0;}.el-img-desc{margin-bottom: 10px;}.el-circular-shape {--sg-animation-duration: 4s;background: linear-gradient(45deg, #501E9C 0%, #8069F1 40%, #A45CEE 75%, #FF857F 100%);width: 400px;height: 400px;max-width: 100%;animation: sg-circular-shape var(--sg-animation-duration) forwards infinite alternate;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}@keyframes sg-circular-shape {0% {border-radius: 40% 60% 59% 41% / 51% 44% 56% 49%;}100% {border-radius: 52% 48% 53% 47% / 52% 38% 62% 48%;}}@-webkit-keyframes sgAnimUpDown {0% {-webkit-transform: translateY(-20px);transform: translateY(-20px);}50% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}100% {-webkit-transform: translateY(-25px);transform: translateY(-25px);}}@keyframes sgAnimUpDown {0% {-webkit-transform: translateY(-20px);transform: translateY(-20px);}50% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}100% {-webkit-transform: translateY(-20px);transform: translateY(-20px);}}@-webkit-keyframes sgAnimLeftRight {0% {-webkit-transform: translateX(-20px);transform: translateX(-20px);}50% {-webkit-transform: translateX(-10px);transform: translateX(-10px);}100% {-webkit-transform: translateX(-25px);transform: translateX(-25px);}}@keyframes sgAnimLeftRight {0% {-webkit-transform: translateX(-20px);transform: translateX(-20px);}50% {-webkit-transform: translateX(-10px);transform: translateX(-10px);}100% {-webkit-transform: translateX(-20px);transform: translateX(-20px);}}@-webkit-keyframes sgAnimRotateCenter {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes sgAnimRotateCenter {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}