.speakers > .container h1, .speakers > .container .h1 {font-weight: 700;font-size: 2rem;line-height: 2.1875rem;text-align: left; } .speakers > .container ul {padding-left: 0;list-style-type: none;margin-bottom: 2.5rem;display: flex;flex-direction: row;flex-wrap: wrap; } .speakers > .container ul li {padding-bottom: 1.375rem;display: flex;flex-direction: row;align-items: center;flex-shrink: 0;flex-grow: 0;flex-basis: 100%; } @media (min-width: 768px) {.speakers > .container ul li {flex-basis: 50%;} } @media (min-width: 992px) {.speakers > .container ul li {flex-basis: 33.333%;} } .speakers > .container ul li .badge {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 80%;text-align: left;max-width: 21.875rem; } @media (min-width: 992px) {.speakers > .container ul li .badge {width: 70%;} } .speakers > .container ul li .image {border: solid 0.1875rem var(--secondary);border-radius: 6.25rem;background: var(--white);width: 5.1875rem;height: 5.1875rem;margin-right: -1.25rem;z-index: 1;aspect-ratio: 1/1; } .speakers > .container ul li .image .img-fluid {border-radius: 6.25rem;width: 100%;height: 100%; }