.panel-image-list {}
.panel-image-list .text-and-button { text-align:center; padding-top:36px; max-width:640px; margin:0 auto; }

.panel-image-list.grid .container-fluid { padding:0; overflow:hidden; }
.panel-image-list.grid .row { margin:0 -10px; }
.panel-image-list.grid .col { padding:10px; }
.panel-image-list.grid .col img { width:100%; aspect-ratio:1.53; }

@media (max-width: 767px) {
	.panel-image-list.grid .row { margin:0 -4px; }
	.panel-image-list.grid .col { padding:4px; }
}

.panel-image-list.smallpluslarge { }
.panel-image-list.smallpluslarge .container { width:100%; max-width:1600px; padding:0; overflow:hidden; }
.panel-image-list.smallpluslarge .row { margin:0 -4px; display:flex; }
.panel-image-list.smallpluslarge .col-12 { padding:0 4px; }
.panel-image-list.smallpluslarge .col-large { max-height:100%; }
.panel-image-list.smallpluslarge img.small { width:100%; aspect-ratio:584/423; display:block; object-fit:cover; }
.panel-image-list.smallpluslarge img.large { width:100%; height:100%; object-fit:cover; }

@media (min-width: 768px) {
	.panel-image-list.smallpluslarge .col-md-4 { flex:0 0 38%; max-width:38%; }
	.panel-image-list.smallpluslarge .col-md-8 { flex:0 0 62%; max-width:62%; }
	.panel-image-list.smallpluslarge img.small:first-child { margin-bottom:8px; }
}

.panel-image-list.threecolumn { overflow:hidden; }
.panel-image-list.threecolumn .row { margin:0 0 0 -25vw; width:100vw; flex-wrap:nowrap; }
.panel-image-list.threecolumn .col { padding:0; }
.panel-image-list.threecolumn .slick-slide { width: 46vw; position:relative; }
.panel-image-list.threecolumn .slick-slide:not(.slick-current):after { content:' '; display:block; position:absolute; left:7px; right:7px; top:11px; bottom:11px; background:rgba(0,0,0,0.4); }
.panel-image-list.threecolumn img { width:100%; aspect-ratio:632/443; display:block; object-fit:cover; padding:11px 7px; }