@media (min-width: 768px) { .custom-grid:nth-child(2n) .custom-grid_img-wrapper { order:1; } .custom-grid:nth-child(2n) .custom-grid_content-wrapper { order:2; } }  .c-v-team-4-container { position: relative; overflow: hidden; } .c-v-team-4-overlay-before { mix-blend-mode: multiply; transition: all 1s ease; } .c-v-team-4-image { width: 100%; height: 100%; object-fit: cover; transform: scale(1.2); transition: all 1s ease; } .c-v-team-4-overlay { transition: all 1s ease; opacity: 0; } .c-v-team-4-container:hover .c-v-team-4-image{ transform: scale(1); opacity: 0; transition: all 1s ease; } .c-v-team-4-container:hover .c-v-team-4-overlay-before{ transform: scale(1); opacity: 0; transition: all 1s ease; } .c-v-team-4-container:hover .c-v-team-4-overlay-before--text { transform: scale(1); opacity: 0; transition: all 1s ease; } .c-v-team-4-container:hover .c-v-team-4-overlay { transform: scale(1); opacity: 1; transition: all 1.5s ease; } [data-bg-colour="body"]{ background-color: var(--bg-body); } [data-bg-colour="surface"]{ background-color: var(--bg-surface); } [data-box-colour="body"]{ background-color: var(--bg-surface); } [data-box-colour="surface"]{ background-color: var(--bg-body); } [data-bg-colour="surface"] .card{ background-color: var(--bg-body); } [data-bg-overlay-bg="Light"]::before { background-color: var(--light-70); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: -1; } [data-bg-overlay-bg="Dark"]::before { background-color: var(--dark-70); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: -1; } [data-bg-overlay-bg="Dark"] * { color: var(--light); } [data-bg-overlay="Light"]::before { background-color: var(--light-70); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: -1; } [data-bg-overlay="Dark"]::before { background-color: var(--dark-50); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: -1; } [data-bg-overlay="Dark"] * { color: var(--light); } [data-column-order="Image right"] { display: flex; flex-direction: row-reverse;  } [data-column-order="Image left"] { display: flex; flex-direction: row; } [data-columns-order-col="Image right"] { grid-column: 4 / -1;  } [data-layout-alignment="Left"]{ display: flex; align-items: flex-start; text-align: left; } [data-layout-alignment="Centered"]{ display: flex; align-items: center; } [data-text-centered="Centered"]{ display: flex; align-items: center; text-align: center; } [data-layout-alignment="Right"]{ display: flex; align-items: flex-end; text-align: left; } [data-buttons-alignment="Centered"] { display: flex; justify-content: center; align-items: center;  } [data-bg-position="Left top"]{ background-position: 20% 20%; } [data-bg-position="Left center"]{ background-position: 20% 50%; } [data-bg-position="Left bottom"]{ background-position: 20% 80%; } [data-bg-position="Center top"]{ background-position: 50% 20%; } [data-bg-position="Center center"]{ background-position: 50% 50%; } [data-bg-position="Center bottom"]{ background-position: 50% 80%; } [data-bg-position="Right top"]{ background-position: 80% 20%; } [data-bg-position="Right center"]{ background-position: 80% 50%; } [data-bg-position="Right bottom"]{ background-position:80% 80%; } [data-text-columns="Two column layout"] { column-count: 2; column-gap: var(--gap-xl); }  @media (max-width: 768px) { [data-text-columns="Two column layout"] { column-count: 1; column-gap: var(--gap-xl); } } [data-text-columns="Three column layout"] { column-count: 3; column-gap: var(--gap-xl); }  @media (max-width: 992px) { [data-text-columns="Three column layout"] { column-count: 2; column-gap: var(--gap-xl); } }  @media (max-width: 768px) { [data-text-columns="Three column layout"] { column-count: 1; column-gap: var(--gap-xl); } } [data-image-position="Left top"]{ object-position: 20% 20%; } [data-image-position="Left center"]{ object-position: 20% 50%; } [data-image-position="Left bottom"]{ object-position: 20% 80%; } [data-image-position="Center top"]{ object-position: 50% 20%; } [data-image-position="Center center"]{ object-position: 50% 50%; } [data-image-position="Center bottom"]{ object-position: 50% 80%; } [data-image-position="Right top"]{ object-position: 80% 20%; } [data-image-position="Right center"]{ object-position: 80% 50%; } [data-image-position="Right bottom"]{ object-position:80% 80%; }