.image-with-blob {
    position: relative;
    display: inline-block;
}

.image-with-blob::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #FFC11A; /* vagy bármilyen más szín */
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    left: 20px;
    top: 20px;
    z-index: -1;
}

.image-with-blob img {
    position: relative;
    z-index: 1;
}

/****Animált blob*****/

.image-with-animation-blob {
    position: relative;
    display: inline-block;
}

.image-with-animation-blob::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #FFC11A;
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    left: 20px;
    top: 20px;
    z-index: -1;
    animation: blobAnimation 8s ease-in-out infinite;
}

@keyframes blobAnimation {
    0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
    50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
    100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
}

/****Többrétegű blob*****/

.image-with-more-blob {
    position: relative;
    display: inline-block;
}

.image-with-more-blob::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 193, 26, 0.6); /* Átlátszó első réteg */
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    left: 20px;
    top: 20px;
    z-index: -1;
}

.image-with-more-blob::after {
    content: '';
    position: absolute;
    width: 90%;
    height: 90%;
    background: rgba(255, 193, 26, 0.4); /* Még átlátszóbb második réteg */
    border-radius: 40% 60% 70% 30% / 40% 70% 30% 60%;
    left: 30px;
    top: 30px;
    z-index: -2;
}