.block_top_activity {
  .list-activity {
    border: 1px solid #e2e6ec;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 24px;
    background-color: #F3F3F3;
    height: 200px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    @media (max-width: 575.98px) {
      height: 400px;
    }

    .item {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      overflow: hidden;

      .image {
        width: 100%;
        height: 100%;
        transition: all 0.3s;
        object-fit: cover;
        &.lazy {
          background-image: url("../images/giphy.gif");
          background-repeat: no-repeat;
          background-position: 50% 50%;
        }
        &:hover {
          transform: scale(1.1);
        }
      }

      .layer-blur {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        background-color: rgba(5, 4, 100, 0.5);
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

        &:hover {
          background-color: rgba(1, 1, 57, 0.7);
        }
      }

      .name-activity {
        position: absolute;
        z-index: 3;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);

        a {
          color: #fff;
        }
      }
    }
  }
}