@media (max-width: 768px) {
  .carousel-inner .carousel-item > div {
    display: none;
  }
}

@media (max-width: 768px) {
  .carousel-inner .carousel-item > div:first-child {
    display: block;
    max-width: 350px;
    min-width: 250px;
    margin: 0 auto;
  }
}

.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
  display: flex;
}

@media (min-width: 768px) {
  .carousel-inner .carousel-item-right.active, .carousel-inner .carousel-item-next {
    transform: translateX(33.333%);
  }
}

@media (min-width: 768px) {
  .carousel-inner .carousel-item-left.active, .carousel-inner .carousel-item-prev {
    transform: translateX(-33.333%);
  }
}

.carousel-inner .carousel-item-right, .carousel-inner .carousel-item-left {
  transform: translateX(0);
}

:root {
  --trans-x: 0%;
  --trans-y: 0%;
  --rot: 0deg;
  --sca: 1;
  --z: 1;
}

.stats_text {
  color: black;
  text-align: left;
  font-size: 14px;
  min-height: 30vh;
}

.stats_text_team {
  color: black;
  text-align: left;
  font-size: 14px;
  min-height: 15vh;
  max-height: 15vh;
}

@media screen and (min-width: 768px) {
  .stats_text {
    font-size: 14px;
  }
}

.main_card {
  min-height: 450px;
  max-height: 450px;
}

.main_team_card {
  min-height: 750px;
  max-height: 750px;
}

.imagediv {
  background-image: url("../img/billiardsBG_800x600.jpg");
  background-size: cover;
  height: 20vw;
  min-height: 25vw;
  min-height: 150px;
  position: relative;
}

.anc_headerdiv {
  background-image: url("../img/unsplash4.jpg");
  background-size: cover;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: grid;
  height: 10vw;
  min-height: 150px;
  position: relative;
  text-align: center;
  color: aliceblue;
  place-items: center center;
}

.player_image {
  border: 4px solid #f4dbaa;
  border-radius: 1vw;
  width: 8vw;
  min-width: 60px;
  max-width: 110px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: 0.5s ease-in-out;
}

.zoom:hover {
  -webkit-transform: translate(0%,0%) rotate(0deg) scale(1.5);
  -moz-transform: translate(0%,0%) rotate(0deg) scale(1.5);
  -o-transform: translate(0%,0%) rotate(0deg) scale(1.5);
  -ms-transform: translate(0%,0%) rotate(0deg) scale(1.5);
  transform: translate(0%,0%) rotate(0deg) scale(1.5);
  z-index: 99;
}

.namediv {
  z-index: -1;
  position: relative;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  top: -50%;
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5px;
}

.plname {
  z-index: -1;
  position: absolute;
}

.player_name_hover {
  z-index: 6;
  position: absolute;
  color: whitesmoke;
  background-color: #212529;
  justify-content: center;
  display: flex;
  border: 1px solid #f4dbaa;
  border-radius: 1vw;
  top: 1vw;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.5s ease-in-out;
}

.player_image21 {
  transform: translate(-50%,-10%) rotate(-10deg);
  z-index: 1;
}

.player_image22 {
  transform: translate(50%,10%) rotate(10deg);
  z-index: 2;
}

.player_image31 {
  transform: translate(-50%,-45%) rotate(-10deg);
  z-index: 1;
}

.player_image32 {
  transform: translate(50%,-40%) rotate(10deg);
  z-index: 2;
}

.player_image33 {
  transform: translate(5%,40%) rotate(3deg);
  z-index: 3;
}

.player_image41 {
  transform: translate(-50%,-45%) rotate(-10deg);
  z-index: 1;
}

.player_image42 {
  transform: translate(-50%,40%) rotate(10deg);
  z-index: 2;
}

.player_image43 {
  transform: translate(50%,-50%) rotate(3deg);
  z-index: 3;
}

.player_image44 {
  transform: translate(45%,45%) rotate(-5deg);
  z-index: 4;
}

.player_image51 {
  transform: translate(-60%,-65%) rotate(-10deg);
  z-index: 1;
}

.player_image52 {
  transform: translate(-70%,45%) rotate(10deg);
  z-index: 2;
}

.player_image53 {
  transform: translate(60%,-70%) rotate(3deg);
  z-index: 3;
}

.player_image54 {
  transform: translate(80%,30%) rotate(-5deg);
  z-index: 4;
}

.player_image55 {
  transform: translate(10%,60%) rotate(-1deg);
  z-index: 5;
}