.aboutMeCard {
  box-sizing: border-box;
  opacity: 0;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  width: 285px;
  min-width: 285px;
  background-image: linear-gradient(var(--yellowLight6), var(--yellowLight5));
  height: fit-content;
  padding-right: 30px;
}

.verticallyCenter {
  top: 25%;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
  bottom: initial;
}

.bgCard {
  background-color: var(--yellow);

  -webkit-transform: skewY(354deg);
  -ms-transform: skewY(354deg);
  transform: skewY(354deg);

  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;

  height: 85px;
  opacity: 0.25;
}

.bgCard2 {
  background-color: var(--yellow);

  -webkit-transform: skewY(-96deg);
  -ms-transform: skewY(-96deg);
  transform: skewY(-96deg);

  -webkit-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right;

  height: 550px;
  left: 1px;
  opacity: 0.25;
}

.card-title {
  color: var(--yellowDark7);
}

.cardMinilogo {
  position: absolute;
  top: 5px;
  right: 6.5px;
  height: 40px;
  width: 40px;
  max-height: 40px;
  max-width: 40px;
  opacity: 0.1;
  -webkit-filter: brightness(0.5);
  filter: brightness(0.5);
}

#aboutMeCarouselHolder {
  position: relative;
  margin-bottom: -450px;
  z-index: 2;
  max-width: 768px;
}

#aboutMeCardHolder {
  position: relative;
  margin-bottom: -450px;
  z-index: 2;
}

.cardHeading {
  font-size: 14px;
  margin-bottom: 0px;
  opacity: 0.5;
}

.cardProse {
  font-size: var(--proseSize1);
}

.aboutMeCard .card-body {
  padding-bottom: 0px;
  padding-left: 12.5px;
  padding-right: 12.5px;
}

@media screen and (min-width: 321px) {
  .aboutMeCard {
    width: 320px;
    min-width: 320px;
  }
}

@media screen and (min-width: 410px) {
  .aboutMeCard {
    width: 375px;
    min-width: 375px;
  }
}

@media screen and (min-width: 768px) {
  .aboutMeCard .card-body {
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }
}