.experience_section {
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  min-height: auto;
}

.experience_section .content {}

.experience_section .content .card_panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

.experience_section .content .card_panel .card {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 200;
  height: 3rem;
  /* margin-top: -5px; */
  transform: translateY(-5px);
  transform-style: preserve-3d;
  transform: perspective(1000px) rotateX(-10deg);
  background-color: var(--background-color);

  transition: all .2s;

  box-shadow: -2px -2px 8px 0px rgba(113, 113, 113, 0.3);
  -webkit-box-shadow: -2px -2px 8px 0px rgba(113, 113, 113, 0.3);
  -moz-box-shadow: -2px -2px 5px 8px rgba(113, 113, 113, 0.3);
}

.experience_section .content .card_panel .card:hover {
  transform: translateY(0);
  margin-top: 5px;
  margin-bottom: 11px;
  height: 4rem;
  transform: none;
}

.experience_section .content .card_panel .card img {
  height: 30%;
  margin: 1rem;
}

@media screen and (max-width: 556px) {
  .experience_section .content .card_panel {
    grid-template-columns: 1fr;
  }
}