.crown-image-links a img {
  object-fit: cover;
  transition: all 600ms ease; }

.crown-image-links a .pill {
  display: inline-block;
  margin: 1rem auto 0;
  width: auto;
  padding: 0.5rem 1.5rem;
  background: transparent;
  transition: all 300ms ease;
  border-radius: 100px;
  text-align: center; }

.crown-image-links a:hover .pill, .crown-image-links a:focus .pill {
  background: var(--wp--preset--color--blue);
  color: var(--wp--preset--color--gold); }

.crown-image-links.small {
  display: flex;
  justify-content: center;
  column-gap: 1.5rem;
  row-gap: 3rem;
  flex-wrap: wrap; }
  .crown-image-links.small a {
    max-width: 237px;
    flex: 0 0 237px;
    text-decoration: none;
    text-align: center; }
    .crown-image-links.small a img {
      width: 237px;
      height: 324px;
      border: 2px solid var(--wp--preset--color--blue);
      border-radius: 0.25rem; }
    .crown-image-links.small a .pill {
      display: inline-block;
      margin: 1rem auto 0;
      width: auto;
      padding: 0.5rem 1.5rem;
      background: transparent;
      transition: all 300ms ease;
      border-radius: 100px;
      text-align: center; }
    .crown-image-links.small a:hover img, .crown-image-links.small a:focus img {
      border-top-left-radius: 200px;
      border-top-right-radius: 200px; }
    .crown-image-links.small a:hover .pill, .crown-image-links.small a:focus .pill {
      background: var(--wp--preset--color--blue); }

@media (max-width: 799px) {
  .crown-image-links.big {
    position: relative; }
    .crown-image-links.big:after {
      content: 'flickity';
      display: none;
      /* hide :after */ } }

@media (min-width: 800px) {
  .crown-image-links.big {
    display: flex; } }

.crown-image-links.big a {
  text-align: center; }
  @media (min-width: 800px) {
    .crown-image-links.big a:hover img, .crown-image-links.big a:focus img {
      border-radius: 200px; } }
  @media (max-width: 799px) {
    .crown-image-links.big a {
      width: 100vw; } }
  @media (min-width: 800px) {
    .crown-image-links.big a {
      flex-basis: 100%; } }
  .crown-image-links.big a img {
    height: 758px;
    width: 100%;
    display: block; }
  @media (max-width: 799px) {
    .crown-image-links.big a .pill {
      display: none; } }

.crown-image-links.big .flickity-prev-next-button {
  width: 38px;
  height: 38px;
  background: url("../img/small-carousel-arrow.svg") no-repeat;
  border: none;
  margin: 0;
  position: absolute;
  top: calc(50% - 19px); }
  .crown-image-links.big .flickity-prev-next-button svg {
    display: none; }
  .crown-image-links.big .flickity-prev-next-button.previous {
    left: 1.5rem;
    transform-origin: center;
    transform: rotate(180deg); }
  .crown-image-links.big .flickity-prev-next-button.next {
    right: 1.5rem; }

.image-links-mobile-extra {
  justify-content: center;
  gap: 0.875rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.625rem;
  margin-left: -1rem;
  margin-right: -1rem; }
  @media (min-width: 800px) {
    .image-links-mobile-extra {
      display: none; } }
  .image-links-mobile-extra .pill {
    display: inline-block;
    margin: 0;
    width: auto;
    flex: 0 0 auto;
    padding: 0.5rem 0.75rem;
    background: transparent;
    transition: all 300ms ease;
    border-radius: 100px;
    text-align: center;
    text-decoration: none;
    font-size: 0.75rem; }
    .image-links-mobile-extra .pill:hover, .image-links-mobile-extra .pill:focus, .image-links-mobile-extra .pill.active {
      background: var(--wp--preset--color--blue);
      color: var(--wp--preset--color--gold); }