// important .entry-card .ct-image-container img { height: 100%; } // boundless image .entry-card .boundless-image { width: initial; margin-left: calc(var(--card-inner-spacing, 30px) * -1); margin-right: calc(var(--card-inner-spacing, 30px) * -1); &:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; margin-top: calc(var(--card-inner-spacing, 30px) * -1); } &:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; margin-bottom: calc(var(--card-inner-spacing, 30px) * -1); } } [data-layout="simple"] .entry-card .boundless-image { @include media-breakpoint-up (md) { border-top-right-radius: 0; border-bottom-left-radius: inherit; } } // featured image border radius .entry-card .ct-image-container:not(.boundless-image) { border-radius: var(--borderRadius, 0px); } // hover effect [data-hover] .ct-image-container img { will-change: transform; transition: opacity 0.5s ease, transform 0.5s ease; } [data-hover="zoom-in"] { > *:hover .ct-image-container img { transform: scale3d(1.1, 1.1, 1); } } [data-hover="zoom-out"] { .ct-image-container img { transform: scale3d(1.1, 1.1, 1); } > *:hover .ct-image-container img { transform: scale3d(1, 1, 1); } } [data-hover="swap"] { .ct-swap { opacity: 0; } > *:hover .ct-swap { opacity: 1; } }