.tcl-image-in-frame__image {
  position: relative;
}
@media (max-width: 1240px) {
  .tcl-image-in-frame__image {
    width: calc(100% - 20px);
  }
}
@media (max-width: 767px) {
  .tcl-image-in-frame__image {
    width: calc(100% - 30px);
  }
}
.tcl-image-in-frame__image--mobile {
  display: none;
}
@media (max-width: 767px) {
  .tcl-image-in-frame__image--mobile {
    display: block;
  }
}
@media (max-width: 767px) {
  .tcl-image-in-frame__image--desktop {
    display: none;
  }
}
.tcl-image-in-frame__image-frame {
  position: absolute;
  width: 100%;
  height: auto;
  top: -40px;
  right: -40px;
}
@media (max-width: 1200px) {
  .tcl-image-in-frame__image-frame {
    top: -20px;
    right: -20px;
  }
}
@media (max-width: 767px) {
  .tcl-image-in-frame__image-frame {
    right: -28px;
  }
}
.tcl-image-in-frame__image-frame img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
}
.tcl-image-in-frame__image-container {
  clip-path: polygon(95% 0%, 100% 18%, 100% 100%, 0 100%, 0 0);
  background-color: rgba(255, 255, 255, 0.4);
}
.tcl-image-in-frame__image-container img {
  position: relative;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px) !important;
  height: calc(100% - 4px) !important;
  max-width: none !important;
  clip-path: polygon(95% 0%, 100% 18%, 100% 100%, 0 100%, 0 0);
}
@media (max-width: 767px) {
  .tcl-image-in-frame__image-container {
    clip-path: polygon(82% 0%, 100% 15%, 100% 100%, 0 100%, 0 0);
  }
  .tcl-image-in-frame__image-container img {
    clip-path: polygon(82% 0%, 100% 15%, 100% 100%, 0 100%, 0 0);
  }
}
.tcl-image-in-frame .col-xl-12 {
  position: relative;
}
.tcl-image-in-frame .col-xl-12 svg {
  position: absolute;
  top: -40px;
  right: -30px;
  width: 100%;
  height: auto;
}