.image_dark {
  z-index: 1;
}

.image_dark:after {
  width: 100%;
  height: 100%;
  content: "";
  background-color: #0d0d0d;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.image_dark_a:after {
  opacity: 1;
}

.c_btn {
  position: relative;
  align-items: center;
  justify-content: center;
  text-transform: none;
  padding: 0;
  font-size: 20px;
  border: 1px solid rgba(136, 136, 136, 0.2);
  cursor: pointer;
  padding: 10px;
}

.c_btn svg {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  stroke: var(--color-accent-primary);
  stroke-width: 4px;
}

.grid__item2{
      height:400px;
      margin-top:15px;
      margin-bottom:15px;
      transition:all 0.2S;
      background-position:center !important
}

.grid__item2:hover{
      background-size:110% 110% !important;
}