.ap-images-tabs-wrapper {
  text-align: center;
  padding: 100px 0 150px; }
  .ap-images-tabs-wrapper h5 {
    text-transform: uppercase;
    font-size: 16px;
    z-index: 15;
    position: relative; }

.ap-images-tabs {
  position: relative;
  margin-top: 40px; }
  .ap-images-tabs .tab-title {
    margin: 10px 0; }
    .ap-images-tabs .tab-title h3 {
      display: inline-block;
      cursor: pointer;
      margin: 0; }
      .ap-images-tabs .tab-title h3:hover {
        font-family: 'Switzer', Arial, sans-serif !important;
        text-transform: uppercase; }

.ap-images-content .tab-content {
  --image1-top: 0%;
  --image2-top: 10%;
  pointer-events: none; }
  .ap-images-content .tab-content img {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: opacity 500ms ease, translate 500ms ease; }
  .ap-images-content .tab-content img:first-child {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    height: auto;
    width: 100%;
    max-width: 75%;
    aspect-ratio: 16 / 12;
    object-fit: cover;
    object-position: center; }
  .ap-images-content .tab-content img:nth-of-type(2) {
    position: absolute;
    top: var(--image1-top);
    right: 70%;
    max-height: 100%;
    max-width: 25%;
    object-fit: contain;
    object-position: center;
    translate: 0 -50px; }
  .ap-images-content .tab-content img:nth-of-type(3) {
    position: absolute;
    top: var(--image2-top);
    left: 70%;
    max-height: 100%;
    max-width: 25%;
    object-fit: contain;
    object-position: center;
    translate: 0 50px; }
.ap-images-content .tab-content.active {
  pointer-events: auto; }
  .ap-images-content .tab-content.active img {
    pointer-events: auto; }
  .ap-images-content .tab-content.active img:first-child {
    opacity: .5; }
  .ap-images-content .tab-content.active img:nth-of-type(2) {
    opacity: 1;
    translate: 0 0; }
  .ap-images-content .tab-content.active img:nth-of-type(3) {
    opacity: 1;
    translate: 0 0; }

@media screen and (max-width: 991px) {
  .ap-images-tabs-wrapper {
    padding: 50px 0 50px; }

  .ap-images-content .tab-content img:first-child {
    height: 100%;
    width: 100%;
    max-width: 100%;
    aspect-ratio: auto; }
  .ap-images-content .tab-content img:nth-of-type(2) {
    visibility: hidden;
    top: -15%;
    right: var(--image1-top);
    max-width: 30%;
    translate: -50px 0;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center; }
  .ap-images-content .tab-content img:nth-of-type(3) {
    visibility: hidden;
    top: auto;
    bottom: -15%;
    left: var(--image2-top);
    max-width: 30%;
    translate: 50px 0;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center; } }
@media screen and (max-width: 768px) {
  .ap-images-tabs .tab-title h3 {
    font-size: 36px; } }