.selection {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px 50px 20px;
}
.selection__section {
        -webkit-column-count: 3;
           -moz-column-count: 3;
                column-count: 3;
        -webkit-column-gap: 32px;
           -moz-column-gap: 32px;
                column-gap: 32px; 
}
@media (max-width: 1024px) {
    .selection__section {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
        -webkit-column-gap: 24px;
           -moz-column-gap: 24px;
                column-gap: 24px;
    } 
}
@media (max-width: 600px) {
    .selection__section {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
        -webkit-column-gap: 16px;
           -moz-column-gap: 16px;
                column-gap: 16px;
    } 
}
.selection__block {
    display: inline-block;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 32px;
}
.selection__block:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, 0.25); }
.selection__block:hover .selection__block-btn {
    display: block; }
.selection__block:hover .selection__zoom {
    display: block; }
.tag__section {
        display: flex;
        flex-wrap: wrap;
        max-width: 1200px;
        margin: 0 auto;
        padding: 150px 20px 10px 20px;
      }
      .tag__item {
        margin: 0 8px 8px 0;
        font-size: 14px;
        list-style: 24px;
        font-weight: normal;
        color: #000033;
        padding: 4px 12px;
        border: 1px solid rgba(0, 0, 51, 0.3);
        border-radius: 4px;
        transition: 0.2s;
        text-transform: capitalize;
      }
      .tag__item.active, .tag__item:hover {
          background-color: #d9d9ec; 
      }