.section {
  position: relative;

  &__news {
    display: flex;
    flex-direction: column;
    align-items: center;
    // justify-content: center;

    &__item {
      display: flex;
      flex-direction: column;
      justify-self: center;
      background: $primary-dark05;
      width: 100%;
      overflow: hidden;
      border-radius: 4px;

      &:hover {
        img {
          transform: scale(1.05);
          opacity: 0.8;
        }
      }

      &__image {
        max-width: 400px;
        overflow: hidden;
        img {
          width: 100%;
          transition: all 0.5s;
        }
      }
    }
  }
}