.old-photo-shape {    
    position: relative;
    clip-path: url(#oldPaperClipPath);
  }

.old-photo-shadow {
    filter: drop-shadow(2px 2px 2px black); 
  }

.wp-block-my-plugin-media-text__media,
.wp-block-my-plugin-media-text .media-text-content {
  min-width: 0;
  position: relative;
}

.wp-block-my-plugin-media-text .media-text-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
}

.wp-block-my-plugin-media-text__media,
.wp-block-my-plugin-media-text figure {
  z-index: 1;
}

.wp-block-my-plugin-media-text__text {
  margin-bottom: 0;
  overflow-wrap: anywhere;
}

.editor-styles-wrapper .wp-block-my-plugin-media-text__text {
  min-height: 2.75rem;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: text;
}

.editor-styles-wrapper .wp-block-my-plugin-media-text__text:focus {
  outline: none;
}

.editor-styles-wrapper .wp-block-my-plugin-media-text__text:focus-visible {
  box-shadow: inset 0 -2px 0 currentColor;
}

.wp-block-my-plugin-media-text__media img,
.wp-block-my-plugin-media-text figure img {
  display: block;
  max-width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .wp-block-my-plugin-media-text__media,
  .wp-block-my-plugin-media-text .media-text-content,
  .wp-block-my-plugin-media-text figure {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50% !important;
  }

  .wp-block-my-plugin-media-text.image-right .wp-block-my-plugin-media-text__media,
  .wp-block-my-plugin-media-text.image-right figure {
    order: 2;
  }

  .wp-block-my-plugin-media-text.image-right .media-text-content {
    order: 1;
  }
}

@media (max-width: 767.98px) {
  .wp-block-my-plugin-media-text__content {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .wp-block-my-plugin-media-text__media,
  .wp-block-my-plugin-media-text .media-text-content,
  .wp-block-my-plugin-media-text figure {
    width: 100%;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .wp-block-my-plugin-media-text__media,
  .wp-block-my-plugin-media-text figure {
    order: 1 !important;
  }

  .wp-block-my-plugin-media-text .media-text-content {
    order: 2 !important;
  }
}

.editor-styles-wrapper .wp-block-my-plugin-media-text__content {
  flex-direction: row !important;
  flex-wrap: nowrap;
  column-gap: 1.5rem;
}

.editor-styles-wrapper .wp-block-my-plugin-media-text__media,
.editor-styles-wrapper .wp-block-my-plugin-media-text .media-text-content,
.editor-styles-wrapper .wp-block-my-plugin-media-text figure {
  flex: 0 0 calc(50% - 0.75rem);
  width: calc(50% - 0.75rem);
  max-width: calc(50% - 0.75rem) !important;
}

.editor-styles-wrapper .wp-block-my-plugin-media-text .media-text-content {
  background-color: #fff;
  box-sizing: border-box;
  z-index: 2;
}

.editor-styles-wrapper .wp-block-my-plugin-media-text.image-left .wp-block-my-plugin-media-text__media,
.editor-styles-wrapper .wp-block-my-plugin-media-text.image-left figure {
  order: 1 !important;
}

.editor-styles-wrapper .wp-block-my-plugin-media-text.image-left .media-text-content {
  order: 2 !important;
  padding-left: 0.75rem;
  padding-right: 0;
}

.editor-styles-wrapper .wp-block-my-plugin-media-text.image-right .wp-block-my-plugin-media-text__media,
.editor-styles-wrapper .wp-block-my-plugin-media-text.image-right figure {
  order: 2 !important;
}

.editor-styles-wrapper .wp-block-my-plugin-media-text.image-right .media-text-content {
  order: 1 !important;
  padding-left: 0;
  padding-right: 0.75rem;
}
  
  .old-photo {
    position: relative;
    filter: grayscale(1) blur(1px) contrast(1.2) sepia(1) blur(0.25px) ;
  }
  
  .old-photo::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-mask: radial-gradient(farthest-side, #0000 30%, #000);
    mask: radial-gradient(farthest-side, #0000 30%, #000);
    backdrop-filter: blur(5px) sepia(90%);   
  
  }
  
  .old-photo::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background:
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><filter id='noise' x='0%' y='0%' width='100%' height='100%'><feTurbulence baseFrequency='0.5' /></filter><rect x='0' y='0' width='100%' height='100%' filter='url(%23noise)' /></svg>"), #f003;
    filter: grayscale(100%) contrast(150%) ;
    mix-blend-mode: darken;
  }