.resources__item {
  position: relative;
  display: block;
  min-height: 100%;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #e6e6e6, 0 0 0 0 rgba(0, 0, 0, 0.06),
    0 0 0 0 rgba(0, 0, 0, 0.05);
  text-decoration: none;
  transition-duration: 0.25s;
  transition-property: box-shadow, transform;
}
.resources__item:hover {
  box-shadow: inset 0 0 0 1px #e6e6e6, 0 8px 25px 0 rgba(0, 0, 0, 0.06),
    0 2px 5px 0 rgba(0, 0, 0, 0.05);
  transform: translateY(-8px);
}
.resources__item:active {
  box-shadow: inset 0 0 0 1px #e6e6e6, 0 0 0 0 rgba(0, 0, 0, 0.06),
    0 0 0 0 rgba(0, 0, 0, 0.05);
  transform: none;
}
  .resources__image
    {
      display: block;
      border-radius: 8px 8px 0 0;
      border: 1px solid #E6E6E6;
      border-bottom: none;
    }
.resources__summary {
  margin-bottom: 12px;
}
.resources__cont {
  padding: 24px;
  transition-duration: 0.25s;
  transition-property: border-color;
}
@media screen and (max-width: 1283.98px) {
    .resources__image {
        width: 100%;
        height: auto;
    }
}