xshop/resources/views/segments/posts/PostIndexImage/PostIndexImage.scss

.PostIndexImage {
    padding: 3rem 0;
    // scss
    h1{
        font-size: 30px;
        text-align: center;
        position: relative;
        padding: 1rem;
        &:before{
            content: ' ';
            position: absolute;
            inset-inline-start: 47%;
            inset-inline-end: 47%;
            top: 0;
            height: 4px;
            background: var(--xshop-primary);
        }
    }

   .post-img-index{
       background: #ffffff33;
       box-shadow: var(--xshop-shadow);
       border-radius: var(--xshop-border-radius);
       padding: 1rem;

       margin-bottom: 1rem;

       h3{
           font-size: 22px;
           padding:  1rem 0;
           height: 3.2em;
           position: relative;
           overflow: hidden;

           &:before{
               content: ' ';
               position: absolute;
               inset-inline-end: 5%;
               width: 15%;
               bottom: 0;
               height: 2px;
               background: var(--xshop-primary);
           }
       }
       img{
           width: 100%;
           height: 15vh;
           object-fit: cover;
       }
   }
}