/* Porto 13.1.0 demo-creative-agency-2.css: exact #concept rules, scoped only.
   Global demo header, footer and container overrides intentionally not imported. */
.weichselberger-creative-concept .custom-el-3 {
    width: 100%;
    height: 100%;
    max-width: 220px;
    max-height: 220px;
    min-height: 220px;
    position: relative;
    overflow: hidden;
}
.weichselberger-creative-concept .custom-el-3 .custom-el-3-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.weichselberger-creative-concept .custom-el-3 .custom-el-3-img img {
    transition: transform 2s;
    will-change: transform;
}
.weichselberger-creative-concept .custom-el-3-pos-1 { top: 30%; z-index: 1; }
.weichselberger-creative-concept .custom-el-3-pos-2 { top: -30%; }
.weichselberger-creative-concept .custom-el-4-pos { margin-top: -15px; }
.weichselberger-creative-concept .custom-border-radius-1 { border-radius: 0 100px 0 100px; }
.weichselberger-creative-concept .custom-border-radius-2 { border-radius: 100px 0 0 0; }
.weichselberger-creative-concept .custom-border-radius-3 { border-radius: 100px 100px 100px 0; }
.weichselberger-creative-concept .custom-border-radius-4 { border-radius: 200px 10px 10px 10px; }
.weichselberger-creative-concept .custom-border-radius-5 { border-radius: 0 0 100px 0; }