.gallery-item { width: 304px; }
.gallery-box-image { padding-bottom: 100%; border-radius: 30px; overflow: hidden; }
.gallery-box-image img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
/* ========================================== 
! Extra Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px) { }
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { }
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) { }
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
.gallery-box-image { border-radius: 10px; }
.gallery-container:after { clip-path: polygon(0% 0%, 100% 0%, 100% 13.2%, 0% 56.2%); }
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) { }