/*
  Theme Name: Lashes
  Theme URI: https://github.com/lysak
  Description: Theme
  Author: Dmytrii Lysak
  Author URI: https://lysak.github.io
  Version: 1.0
  Tags: blank, html5, sass, responsive
  Textdomain: app
*/

@keyframes pulse {
    0% {
        transform: scale(0.95)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.95)
    }
}

.pulse {
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

@keyframes pulse-max {
    0% {
        transform: scale(0.9)
    }

    50% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(0.9)
    }
}

.pulse-max {
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

/*.image-style1 {*/
/*    !*border-radius: 20px;       !* makes the corners curved *!*!*/
/*    !*border: 5px solid #ffffff; !* white border *!*!*/
/*    !*padding: 10px;             !* space between image and border *!*!*/
/*    !*background-color: #f0f0f0; !* optional: background behind padding *!*!*/
/*    !*max-width: 100%;           !* responsive *!*!*/
/*    !*box-shadow: 0 4px 12px rgba(0,0,0,0.1); !* optional: soft shadow *!*!*/

/*    width: 300px;              !* adjust as needed *!*/
/*    height: 400px;             !* taller than wide = oval *!*/
/*    border-radius: 50% / 30%;  !* makes it oval shape *!*/
/*    object-fit: cover;         !* keeps the image looking good *!*/
/*    border: 5px solid white;   !* optional border *!*/
/*    padding: 10px;             !* optional padding *!*/
/*    background-color: #f0f0f0; !* optional background *!*/
/*    box-shadow: 0 4px 12px rgba(0,0,0,0.1); !* optional soft shadow *!*/
/*    display: block;*/
/*}*/

.image-style1 {
    border-radius: 50% / 30%;
    overflow: hidden;
    border: 5px solid var(--color-gradient-start);
}

.image-style1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;          /* makes image fill oval without distortion */
    display: block;
    border: 5px solid #ffffff;
    border-radius: 50% / 30%;
}