.c-widget__image p {
  margin-top: 0;
}

.c-widget__image a,
.c-widget__image a:hover {
  color: #2b2b2c;
}

.c-widget__message {
  display: flex;
  padding-top: 2rem;
  padding-right: 20px;
  padding-left: 20px;
  justify-content: center;
  align-items: center;
  background-color: #f2f2f2;
  color: #bcb8b8;
  text-align: center;
  min-height: 16.25rem;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .c-widget--index .c-widget__image img {
    max-height: 16.25rem;
    width: auto;
    object-fit: contain;
  }
  
  .c-widget--index .g-height--75-percent img {
    max-height: calc(16.25rem * 0.75);
  }

  .c-widget--index .g-height--67-percent img {
    max-height: calc(16.25rem * 0.67);
  }

  .c-widget--index .g-height--50-percent img {
    max-height: calc(16.25rem * 0.5);
  }

  .c-widget--index .g-height--33-percent img {
    max-height: calc(16.25rem * 0.33);
  }

  .c-widget--index .g-height--25-percent img {
    max-height: calc(16.25rem * 0.35);
  }  

  @media screen and (max-width: 1920px) {
    .c-widget--index .g-height--75-percent img {
      max-height: calc(13.5vw * 0.75);
    }
  
    .c-widget--index .g-height--67-percent img {
      max-height: calc(13.5vw * 0.67);
    }
    
    .c-widget--index .g-height--50-percent img {
      max-height: calc(13.5vw * 0.5);
    }

    .c-widget--index .g-height--33-percent img {
      max-height: calc(13.5vw * 0.33);
    }

    .c-widget--index .g-height--25-percent img {
      max-height: calc(13.5vw * 0.25);
    }
  }
}