.risorse-informative-block {
  align-items: center;
}

.risorse-informative-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  gap: var(--md);
  width: fit-content;
}

.risorsa-grid-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--sm);
  border: 6px solid var(--ri-border-color);
  width: 240px;
  height: 240px;
  cursor: pointer;
  border-radius: var(--lg);
  color: var(--black-color);
}
.risorsa-grid-item:hover, .risorsa-grid-item:visited {
  color: var(--black-color);
}

@media(max-width: 1024px) {
  .risorse-informative-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--sm);
    width: 100%;
  }
  .risorsa-grid-item {
    width: 100%; 
    height: 100%;
    aspect-ratio: 1/1;
    border: 4px solid var(--ri-border-color);
    gap: var(--sm);
    border-radius: var(--sm);
  }
}