.has-gtmpb-image {
  position: relative;
}
.has-gtmpb-image.gtmpb-no-image-aligment .gtmpb-image {
  position: unset;
}

.gtmpb-image {
  position: absolute;
  z-index: 0;
}
.gtmpb-image:not(#\0 ) {
  width: auto !important;
  margin: unset !important;
  max-width: 100%;
  border: none !important;
  background-color: transparent !important;
  background: transparent !important;
}

.gtmpb-image-align-top-left {
  top: calc(0% + var(--gtmpb-img-offset-y, 0px));
  left: calc(0% + var(--gtmpb-img-offset-x, 0px));
}

.gtmpb-image-align-top-center {
  top: calc(0% + var(--gtmpb-img-offset-y, 0px));
  left: calc(50% + var(--gtmpb-img-offset-x, 0px));
  transform: translateX(-50%);
}

.gtmpb-image-align-top-right {
  top: calc(0% + var(--gtmpb-img-offset-y, 0px));
  right: calc(0% + var(--gtmpb-img-offset-x, 0px));
}

.gtmpb-image-align-bottom-left {
  bottom: calc(0% + var(--gtmpb-img-offset-y, 0px));
  left: calc(0% + var(--gtmpb-img-offset-x, 0px));
}

.gtmpb-image-align-bottom-center {
  bottom: calc(0% + var(--gtmpb-img-offset-y, 0px));
  left: calc(50% + var(--gtmpb-img-offset-x, 0px));
  transform: translateX(-50%);
}

.gtmpb-image-align-bottom-right {
  bottom: calc(0% + var(--gtmpb-img-offset-y, 0px));
  right: calc(0% + var(--gtmpb-img-offset-x, 0px));
}

.gtmpb-image-align-center,
.gtmpb-image-align-center-center {
  top: calc(50% + var(--gtmpb-img-offset-y, 0px));
  left: calc(50% + var(--gtmpb-img-offset-x, 0px));
  transform: translate(-50%, -50%);
}

.gtmpb-image-align-center-left {
  top: calc(50% + var(--gtmpb-img-offset-y, 0px));
  left: calc(0% + var(--gtmpb-img-offset-x, 0px));
  transform: translateY(-50%);
}

.gtmpb-image-align-center-right {
  top: calc(50% + var(--gtmpb-img-offset-y, 0px));
  right: calc(0% + var(--gtmpb-img-offset-x, 0px));
  transform: translateY(-50%);
}

.gtmpb-classic-image-wrapper {
  position: relative;
}

.gtmpb-has-width:not(#\0 ) {
  width: var(--gtmpb-img-width, auto) !important;
}

.gtmpb-has-height:not(#\0 ) {
  height: var(--gtmpb-img-height, auto) !important;
}

/**
 * Fix overflow image in product gallery image when there are images on the gallery
 */
.woocommerce .wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery__image {
  position: relative;
  overflow: hidden;
}