.videos {background-color: #f2f2f2;padding: 5rem 0; } .videos .row > * {margin-bottom: 1.6666666667rem; } .videos .card {border: 0;text-decoration: none;background-color: var(--white);padding: 0; } .videos .card .card-img {position: relative;aspect-ratio: 506/339; } .videos .card .img-fluid {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;border-radius: 1rem; } .videos .card .overlay {position: absolute;z-index: 2;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);top: 0;left: 0;border-radius: 1rem; } .videos .card svg {position: absolute;top: 50%;right: 50%;transform: translateX(50%) translateY(-50%);z-index: 3; } .videos .card .card-body {padding: 0;padding: 1.6666666667rem 2.7777777778rem 1.6666666667rem 1.1111111111rem;position: relative;justify-content: center; } .videos .card .card-body svg {position: absolute;right: 0;top: 50%;transform: translateY(-50%) translateX(0);width: 2.6666666667rem;height: 2.6666666667rem;color: var(--primary); } .videos .card .card-title {margin-bottom: 0;font-size: 1.3333333333rem;font-weight: 700;color: var(--black);line-height: 1.5555555556rem; }