.image-links-block {

	column-gap: 25px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-content: center;
	row-gap: 25px;
	width: 100%;

	@media screen and (max-width: 1188px) {
		grid-template-columns: repeat(2, 1fr);
	}

	@media screen and (max-width: 662px) {
		display: inherit;
		grid-template-columns: none;
	}

	a {
		display: block;
	}

	&:not(.slick-initialized):hover {
    a.image-link-item {
      opacity: 0.6 !important;
      transition: opacity 0.3s ease;
    }
  }

	/* Link item styles */
	&:not(.slick-initialized) a.image-link-item {
		&:hover {
			opacity: 1 !important;
			h3 {
				bottom: 8px;
			}
			img {
				transform: scale(1.1);
			}
		}
	}

	.image-link-item {

		border-radius: 10px;
		display: flex;
		height: 100%;
		min-height: 450px;
		overflow: hidden;
		position: relative;

		@media screen and (max-width: 1188px) {
			max-height: 450px;
		}

		.image-wrapper {
			position: relative;
			width: 100%;
			&::after {
				content: '';
				background: linear-gradient(180deg, rgba(13, 41, 63, 0.33) 13.58%, rgba(13, 41, 63, 0.00) 47.32%, rgba(13, 41, 63, 0.44) 91.56%);
				background-repeat: no-repeat;
				background-size: cover;
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
			}
			img {
				height: 100%;
				object-fit: cover;
				object-position: center;
				transform: scale(1);
				transition: .8s ease;
				width: 100%;
			}
		}

		.content-wrapper {
			bottom: 30px;
			color: var(--wp--preset--color--white);
			left: 30px;
			position: absolute;
			width: calc(100% - 60px);
			z-index: 1;
			h3 {
				bottom: 0;
				margin-bottom: 0 !important;
				position: relative;
				transition: .3s ease;
				width: 90%;
			}
		}

	}

}


.image-links-block.slick-initialized {

	left: 0;
	width: 100vw !important;
	max-width: 100vw !important;
	padding-right: 0 !important;

	.slick-list {
		margin-left: -10px;
		margin-right: -10px;
	}

	.image-link-item {
		display: flex;
		flex-direction: column;
		min-height: auto;
		padding-left: 10px;
		padding-right: 10px;
		row-gap: 17px;
		width: 40vw !important;
		opacity: 0.6 !important;
		transition: opacity 0.3s ease;


		&.slick-current.slick-active {
			opacity: 1 !important;
		}

		@media screen and (min-width: 1600px) {
			width: 600px !important;
		}

		@media screen and (max-width: 992px) {
			width: 60vw !important;
		}

		@media screen and (max-width: 662px) {
			width: 75vw !important;
		}

		.image-wrapper {
			border-radius: 10px;
			height: 375px;
			min-height: 300px;
			max-height: 50svh;
			overflow: hidden;
			position: relative;
			width: 100%;

			img {
				border-radius: 10px;
				height: 100%;
				object-fit: cover;
				object-position: center;
				width: 100%;
			}

		}

		.content-wrapper {
			display: flex;
			flex: 1;
			flex-direction: column;
			padding-right: 30px;
			h3 {
				margin-top: 0 !important;
				margin-bottom: 0 !important;
			}
		}

	}

}


.image-links-block.slick-initialized {

	.image {
		height: 400px !important;
	}

}