.info-blocks {
  color: #0F305B;
  overflow: hidden;
  background-color: #FAFAFA;

  .info-block__items {
    margin-top: 60px;
    overflow: visible;

    .info-block {
      cursor: pointer;

      &:hover {

        .info-block__heading,
        .info-block__content * {
          color: #6E8297;
        }

        .info-block__image {
          img {
            transform: scale(1.05);
            opacity: 0.8;
          }
        }
      }
    }

    .info-block__image {
      margin-bottom: 36px;
      aspect-ratio: 6 / 4;
      object-fit: cover;
      position: relative;
      overflow: hidden;


      img {
        transition: all 0.3s ease-in-out;
        position: absolute;
        inset: 0;
        margin: auto;
        height: 100%;
        width: 100%;
        object-fit: cover;
      }
    }

    .info-block__heading {
      margin-bottom: 18px;
      transition: color 0.3s ease-in-out;
      font-weight: 400;

      strong {
        font-weight: 400;
        letter-spacing: 0.01rem;
      }
    }

    .info-block__content * {
      font-size: 14px;
      line-height: 22px;
      transition: color 0.3s ease-in-out;
    }
  }
}