.section.guides {max-width: 1920px;margin: 0 auto;margin-top: 1.875rem;padding-bottom: 11.25rem; } .section.guides .container {position: relative;z-index: 2; } .section.guides .background {position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 1;opacity: 0.24;clip-path: polygon(0 10.625rem, 120rem 0, 120rem calc(100% - 10.625rem), 0 100%); } .section.guides .background .img-fluid {width: 100%;height: 100%;object-fit: cover; } .section.guides h1, .section.guides .h1 {margin-bottom: 4.9375rem; } .section.guides .card {border: 0; } .section.guides .card .card-img-top {aspect-ratio: 421/149;overflow: hidden;padding-top: 0.75rem;padding-bottom: 0.75rem; } .section.guides .card .card-img-top .img-fluid {width: 100%;height: 100%;object-fit: contain; } .section.guides .card .card-body {background: var(--black);color: var(--white);align-items: center;padding-top: 0.75rem;padding-bottom: 0.75rem;transition-duration: 250ms;transition-property: background; } .section.guides .card .card-title {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--white);font-size: 0.9375rem;text-align: center;margin: 0; } .section.guides .card:hover .card-body {background: var(--primary); } .section.guides + .section.guides {padding-top: 12.5rem;margin-top: -10.4375rem; }