.stories-sticker{
width: 125px;
height:  125px;
position: relative;
}
.stories-sticker img{
position: absolute;
left: -100%;
z-index: -1;
}
.single-story-content p{
text-transform: none !important;
font-weight: 100;
color: black;
}
.stories-container{
margin-top: 40px;
display: flex;
flex-direction: column;
height: 1100px;
flex-wrap: wrap;
justify-content: space-between;
gap: 40px;
}
.stories-single{
min-width: 300px;
}
.stories-single img{
width: 100%;
height:100%;
object-fit: cover;
opacity: 1;
transition: all 0.3s ease;
}
.stories-single > a{
overflow: hidden;
position: relative;
transition: all 0.5s ease;
}
.stories-single > a:hover{
transform: scale(1.02);
}
.stories-single > a:hover:after{
height:  0;
}
.stories-single > a:after{
transition: all 0.3s ease;
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #ffffff17;
box-shadow: 0px 10px 30px 10px #ffffff17 ;
}
.stories-single:nth-child(1), .stories-single:nth-child(4){
width: 50%;
height: 70%;
display: flex;
justify-content: space-evenly;
flex-direction: column;
}
.stories-single:nth-child(1) > a, .stories-single:nth-child(4) > a{
width: 100%;
height: 50%;
}
.stories-single:nth-child(2), .stories-single:nth-child(3){
width: 50%;
height: 25%;
display: flex;
gap: 20px;
}
.stories-single:nth-child(2) > a, .stories-single:nth-child(3) > a{
width: 50%;
height: 100%;
}
.stories-single:nth-child(2) > img, .stories-single:nth-child(3) > img{
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.stories-single:nth-child(2) > .single-story-content, .stories-single:nth-child(3) > .single-story-content{
width: 50%;
}
.buttons-group a{
width: auto !important;
}