.fade-image img {
    display: block;
    width: 100%;
    height: auto;

    mask-image: radial-gradient(
        ellipse at center,
        black 65%,
        transparent 100%
    );
}

.rect-fade img {
    display: block;
    width: 100%;
    height: auto;
    --fade: 40px;
    mask-composite: intersect;
    mask-image:
        linear-gradient(to right, transparent, black var(--fade)),
        linear-gradient(to left,  transparent, black var(--fade)),
        linear-gradient(to bottom,transparent, black var(--fade)),
        linear-gradient(to top,   transparent, black var(--fade));
}

.scroll-to-top {
  display: fixed;
  bottom: 0;
  right: 0;
}

@media (max-width: 768px) {
  .wp-block-image.alignleft,
  .wp-block-image.alignright,
  figure.alignleft,
  figure.alignright,
  img.alignleft,
  img.alignright {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
  }

  /* Gutenberg gyakori: a szöveg körbefolyás megszüntetéséhez */
  .wp-block-image.alignleft,
  .wp-block-image.alignright {
    width: 100% !important;
  }
}